/* GKWF Design Tokens - single source of truth */
:root {
  /* Brand palette: bushveld + acacia + savanna sand */
  --color-bushveld: #1B3A2F;        /* primary deep forest green */
  --color-bushveld-deep: #0F2A21;
  --color-bushveld-soft: #2E5544;
  --color-acacia: #C9A14A;          /* gold accent */
  --color-acacia-bright: #E0B860;
  --color-sunset: #B5532A;          /* warm amber for CTAs */
  --color-sunset-deep: #8C3F1F;
  --color-sage: #8FA68E;
  --color-sand: #F5EFE6;
  --color-cream: #FAF7F2;
  --color-bone: #FFFCF6;
  --color-charcoal: #1A1A1A;
  --color-ink: #2C2A26;
  --color-ash: #6B6760;
  --color-mist: #DDD6C9;
  --color-line: rgba(27, 58, 47, 0.12);

  /* Semantic */
  --bg: var(--color-cream);
  --bg-alt: var(--color-sand);
  --bg-dark: var(--color-bushveld-deep);
  --fg: var(--color-ink);
  --fg-muted: var(--color-ash);
  --fg-inverse: var(--color-bone);
  --accent: var(--color-acacia);
  --accent-warm: var(--color-sunset);
  --primary: var(--color-bushveld);

  /* Type */
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Scale (fluid) */
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --fs-sm: clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
  --fs-base: clamp(1rem, 0.97rem + 0.18vw, 1.0625rem);
  --fs-lg: clamp(1.125rem, 1.07rem + 0.3vw, 1.25rem);
  --fs-xl: clamp(1.375rem, 1.28rem + 0.5vw, 1.625rem);
  --fs-2xl: clamp(1.75rem, 1.55rem + 1vw, 2.25rem);
  --fs-3xl: clamp(2.25rem, 1.9rem + 1.8vw, 3.25rem);
  --fs-4xl: clamp(3rem, 2.4rem + 3vw, 5rem);
  --fs-5xl: clamp(4rem, 3rem + 5vw, 7.5rem);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 12rem;

  /* Layout */
  --container: 1280px;
  --container-narrow: 880px;
  --container-wide: 1480px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Radius */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 42, 33, 0.06), 0 1px 3px rgba(15, 42, 33, 0.04);
  --shadow-md: 0 8px 24px rgba(15, 42, 33, 0.08), 0 2px 6px rgba(15, 42, 33, 0.05);
  --shadow-lg: 0 24px 60px rgba(15, 42, 33, 0.16), 0 6px 18px rgba(15, 42, 33, 0.08);
  --shadow-glow: 0 30px 80px -20px rgba(201, 161, 74, 0.35);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 600ms;
}