/* ==========================================================================
   By Jillian Rose — Design Tokens
   Single source of truth. Every color, spacing, radius, and shadow value
   used anywhere in this theme should reference one of these custom
   properties — never a hardcoded hex or pixel value in another file.
   ========================================================================== */

:root {

  /* ---- Color: approved brand palette (Phase 1 moodboard, locked) ---- */
  --color-bg:              #F7F5F2;
  --color-bg-secondary:    #ECE9E4;
  --color-text:            #2F2F31;
  --color-text-secondary:  #707070;
  --color-accent:          #B68A93; /* decorative / background / border use ONLY — fails text contrast, never use for text or button labels */
  --color-accent-dark:     #98727B; /* links, icons, large-text headline accents, outlines */
  --color-border:          #DDD9D4; /* decorative dividers only — not for anything requiring perceivable boundaries */
  --color-white:           #FFFFFF;

  /* ---- Color: derived tokens (accessibility-driven, not in the original moodboard swatches) ---- */
  --color-border-interactive: #9F8872; /* form fields, buttons, anything needing a perceivable boundary — WCAG 1.4.11 non-text contrast: 3.09:1 vs bg, 3.37:1 vs white */
  --color-button-fill:        #906973; /* Accent Dark, minimally darkened so white button labels clear 4.5:1 (normal-text AA) at any label size. Accent Dark itself (#98727B) stays unchanged for links/icons/large text. */
  --color-button-fill-hover:  #7C5A61;

  /* ---- Radius & shadow ---- */
  --radius:        8px; /* buttons, cards, inputs, images — one value everywhere */
  --shadow-soft:   0 4px 20px rgba(47, 32, 34, 0.09);
  --shadow-lift:   0 10px 30px rgba(47, 32, 34, 0.14); /* hover state */

  /* ---- Spacing scale (8px base unit) ---- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* ---- Type ---- */
  --font-serif: 'BJR Cormorant Garamond', Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  --font-sans:  'BJR Inter', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Script accent: Mrs Saint Delafield, the real face used in the
     approved logo wordmark ("by Jillian Rose") — used for small labels
     and pull-quote text, never for long-form running text. */
  --font-script: 'BJR Mrs Saint Delafield', 'Snell Roundhand', 'Segoe Script', cursive;

  /* Type scale — desktop values; base.css applies clamp()-based fluid scaling */
  --text-h1: 44px;
  --text-h2: 32px;
  --text-h3: 24px;
  --text-h4: 17px;
  --text-body: 17px;
  --text-meta: 14px;
  --text-eyebrow: 12px;

  /* ---- Layout ---- */
  --container-width: 1140px; /* matches existing responsive container width — not changing in Phase 1 */
}