/* CSS Custom Properties */
:root {
  /* Colors */
  --color-dark: #060d0e;
  --color-dark-alt: #060e11;
  --color-dark-heading: #151f21;
  --color-light-blue: #5e6f71;
  --color-hover: #333c3d;
  --color-cream: #efece8;
  --color-tan: #aaa69c;
  --color-bg: #f1f0ed;
  --color-nav-separator: #979a9a;
  --color-nav-hover: #dcd0b3;
  --color-sidebar-link: #b2b1ae;
  --color-sidebar-active: #1daebf;
  --color-sidebar-hover-span: #696e6f;
  --color-past-shows-bg: #768183;
  --color-past-shows-text: #BBB;
  --color-past-shows-span: #c3c2c0;
  --color-input: #666;
  --color-pagination-text: #f1f0ec;
  --color-footer-credits: #7c8a8d;
  --color-white: #fff;
  --color-black: #000;

  /* Font Families */
  --font-serif: FF-Tisa-Web-Pro, Georgia, "Times New Roman", Times, serif;
  --font-sans: proxima-nova, freesans, Helmet, sans-serif;
  --font-display: league-gothic, freesans, Helmet, sans-serif;
  --font-system-sans: freesans, Helmet, sans-serif;
  --font-footer: arial, sans-serif;

  /* Font Sizes */
  --font-size-body: 1.4em;
  --font-size-h1: 4.8em;
  --font-size-h2: 3.6em;
  --font-size-h3: 3em;
  --font-size-h4: 3em;
  --font-size-nav: 1.8em;
  --font-size-small: 1.3em;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-section: 3rem;

  /* Layout */
  --max-width: 960px;
  --content-width: 90%;
}