/* ==========================================================================
   FOODHEIM SHUDH PURE — DESIGN TOKENS
   Theme: "The Trade Seal" — Light Luxury
   Palette pinned by brief: Olive, Warm Gold, Ivory, Cream, Charcoal
   ========================================================================== */

:root {
  /* ---- Color: Light Luxury Palette ---- */
  --color-ivory: #FBF7EF;
  --color-cream: #F1E9D8;
  --color-cream-deep: #E7DBC0;
  --color-olive: #4B5D3A;
  --color-olive-deep: #35442A;
  --color-olive-soft: #7C8F68;
  --color-gold: #B4882C;
  --color-gold-light: #D9B872;
  --color-gold-pale: #EFDFB8;
  --color-charcoal: #2A2A24;
  --color-charcoal-soft: #57554C;
  --color-white: #FFFFFF;

  /* Semantic aliases */
  --bg-page: var(--color-ivory);
  --bg-section-alt: var(--color-cream);
  --bg-dark: var(--color-olive-deep);
  --text-primary: var(--color-charcoal);
  --text-secondary: var(--color-charcoal-soft);
  --text-on-dark: var(--color-ivory);
  --accent: var(--color-gold);
  --accent-deep: var(--color-olive);
  --border-hairline: rgba(42, 42, 36, 0.12);

  /* ---- Typography ---- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Work Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  --fs-display-xl: clamp(2.6rem, 4.2vw + 1rem, 5rem);
  --fs-display-lg: clamp(2.1rem, 3vw + 1rem, 3.4rem);
  --fs-display-md: clamp(1.6rem, 1.8vw + 1rem, 2.3rem);
  --fs-display-sm: clamp(1.3rem, 1vw + 1rem, 1.7rem);
  --fs-body-lg: 1.15rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.9rem;
  --fs-caption: 0.78rem;

  /* ---- Spacing scale ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 2.75rem;
  --space-xl: 4.5rem;
  --space-2xl: 7rem;

  /* ---- Radius & Shadow ---- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --shadow-soft: 0 10px 30px rgba(42, 42, 36, 0.08);
  --shadow-lift: 0 20px 45px rgba(42, 42, 36, 0.14);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  /* ---- Layout ---- */
  --container-max: 1240px;
  --header-height: 88px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
    --dur-slow: 0ms;
  }
}