/*
  Design tokens for the Department of Biology site.

  Palette: four primary colors combining military identity (structure,
  discipline) with biological sciences (nature, growth), plus tints/shades
  generated from them for depth without introducing new hues.
*/
:root {
  /* Primary palette */
  --color-military-green: #2f4f3e;
  --color-forest-green: #355e3b;
  --color-gold: #c9a227;
  --color-warm-gray: #f5f6f7;

  /* Derived neutrals */
  --color-ink: #1b241f;
  --color-charcoal: #333d38;
  --color-slate: #5c675f;
  --color-mist: #dfe3e0;
  --color-white: #ffffff;

  /* Derived accents */
  --color-military-green-dark: #223a2d;
  --color-military-green-light: #3f6553;
  --color-forest-green-light: #4a7a52;
  --color-gold-dark: #a8841a;
  --color-gold-light: #e0c05f;

  /* Semantic roles */
  --color-primary: var(--color-military-green);
  --color-primary-dark: var(--color-military-green-dark);
  --color-primary-light: var(--color-military-green-light);
  --color-secondary: var(--color-forest-green);
  --color-accent: var(--color-gold);
  --color-accent-dark: var(--color-gold-dark);
  --color-surface: var(--color-warm-gray);
  --color-surface-alt: var(--color-white);
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-slate);
  --color-border: var(--color-mist);

  /* Typography */
  --font-heading: "Playfair Display", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Layout */
  --container-max-width: 1320px;
  --header-height: 92px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(27, 36, 31, 0.06);
  --shadow-md: 0 8px 24px rgba(27, 36, 31, 0.10);
  --shadow-lg: 0 16px 48px rgba(27, 36, 31, 0.16);
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}