/* Stovepipe Academy - CSS Variables */

:root {
  /* Core palette */
  --color-charcoal: #2E2A25;
  --color-tobacco: #5C4A3A;
  --color-parchment: #F6F1EA;
  --color-cream: #EDE6DB;
  --color-sage: #6B7C5E;
  --color-gold: #B89B5E;
  --color-stone: #9B9286;
  --color-white: #FFFFFF;

  /* Semantic assignments */
  --color-text-primary: var(--color-charcoal);
  --color-text-secondary: var(--color-tobacco);
  --color-text-muted: var(--color-stone);
  --color-bg-primary: var(--color-parchment);
  --color-bg-alternate: var(--color-cream);
  --color-bg-dark: var(--color-charcoal);
  --color-accent: var(--color-sage);
  --color-highlight: var(--color-gold);
  --color-link: var(--color-sage);
  --color-link-hover: var(--color-tobacco);

  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Source Serif 4', 'Georgia', serif;
  --font-nav: 'Raleway', 'Helvetica Neue', sans-serif;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Content width */
  --content-max-width: 780px;
  --wide-max-width: 1100px;
  --full-max-width: 1400px;

  /* Navigation */
  --nav-height: 60px;
}