/* ==========================================================================
   KAI Home Buyers — Design Tokens
   Centralized source of truth for color, type, spacing.
   Edit values here to update the whole site consistently.
   ========================================================================== */

:root {
  /* ---- Color ---- */
  --color-forest: #1a2e22;         /* Deep forest green — primary brand dark */
  --color-forest-dark: #142219;    /* Slightly deeper, for gradients/overlays */
  --color-black: #14140f;          /* True black — body copy on ivory */
  --color-ivory: #f6f1e7;          /* Warm ivory / cream — light section bg */
  --color-ivory-soft: #efe9db;     /* Slightly deeper ivory for section dividers */
  --color-gold: #b8925a;           /* Muted antique gold — buttons, accents */
  --color-gold-light: #cfa876;     /* Lighter gold for hover states */
  --color-white: #fdfbf6;          /* Warm white for text on dark sections */

  /* ---- Type ---- */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* ---- Type scale ---- */
  --fs-eyebrow: 0.78rem;
  --fs-body: 1.05rem;
  --fs-small: 0.92rem;
  --fs-h1: clamp(2.5rem, 5vw, 3.75rem);
  --fs-h2: clamp(2rem, 3.6vw, 2.75rem);
  --fs-h3: 1.35rem;

  /* ---- Spacing ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 7rem;

  /* ---- Layout ---- */
  --container-max: 1280px;
  --container-pad: clamp(1.5rem, 5vw, 5rem);
  --radius: 2px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 240ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}