/* ===========================================================
   ChâteauRestaurants.com — Design Tokens
   Editorial, warm, fine-dining
   =========================================================== */

:root {
  /* Color — Light (cream/charcoal/gold) */
  --bg:           #F5F0E6;   /* warm cream */
  --bg-alt:       #EFE8D9;
  --surface:      #FBF7EE;
  --ink:          #1E1A14;   /* near-black charcoal */
  --ink-muted:    #5B5345;
  --ink-faint:    #9A9180;
  --line:         #D9CFB9;
  --gold:         #A6803B;   /* primary accent */
  --gold-hover:   #876430;
  --burgundy:     #6B1F2A;   /* secondary accent */
  --success:      #4E6B3A;
  --error:        #8E2B2B;

  /* Type scale */
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans:    "Inter", "Helvetica Neue", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   22px;
  --text-xl:   28px;
  --text-2xl:  36px;
  --text-3xl:  52px;
  --text-hero: clamp(56px, 9vw, 128px);

  /* Spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Layout */
  --max-w: 1280px;
  --max-w-prose: 64ch;
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-1: 150ms;
  --dur-2: 280ms;
  --dur-3: 600ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:        #15120D;
    --bg-alt:    #1B1813;
    --surface:   #1F1B14;
    --ink:       #EDE6D6;
    --ink-muted: #A89E89;
    --ink-faint: #6B6253;
    --line:      #2E2920;
    --gold:      #D4A24A;
    --gold-hover:#E6B764;
    --burgundy:  #C44A5A;
  }
}