/* ============================================================
   Yvonne Russell Realty — Design Tokens
   Direction: Desert-luxury editorial (El Paso / Franklin Mtn sunset)
   ============================================================ */
:root {
  /* --- Color: warm desert palette (never navy) --- */
  --bone:        oklch(97.5% 0.012 78);   /* warm paper background */
  --bone-2:      oklch(94.5% 0.018 74);   /* raised surface */
  --sand:        oklch(90% 0.03 72);       /* card / divider */
  --clay:        oklch(58% 0.13 42);       /* terracotta primary */
  --clay-deep:   oklch(46% 0.12 38);       /* pressed / deep clay */
  --amber:       oklch(74% 0.15 66);       /* sunset gold accent */
  --amber-soft:  oklch(86% 0.09 74);
  --dusk:        oklch(34% 0.07 320);       /* Franklin dusk plum (depth) */
  --dusk-deep:   oklch(24% 0.055 318);
  --ink:         oklch(24% 0.02 60);        /* body text on light */
  --ink-soft:    oklch(44% 0.02 60);        /* secondary text */
  --line:        oklch(88% 0.02 70);        /* hairlines */
  --white:       oklch(99% 0.004 80);

  /* semantic */
  --bg:          var(--bone);
  --surface:     var(--white);
  --text:        var(--ink);
  --text-muted:  var(--ink-soft);
  --accent:      var(--clay);
  --accent-2:    var(--amber);

  /* military / trust accent (used semantically, not decoratively) */
  --mil:         oklch(38% 0.06 250);       /* muted service blue */
  --mil-soft:    oklch(92% 0.02 250);

  /* --- Typography --- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --text-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --text-sm:   clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.15rem, 1.05rem + 0.5vw, 1.375rem);
  --text-xl:   clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
  --text-2xl:  clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --text-3xl:  clamp(2.2rem, 1.6rem + 3.2vw, 4.2rem);
  --text-hero: clamp(2.7rem, 1.35rem + 5.4vw, 6.5rem);

  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-body: 1.62;
  --tracking-tight: -0.02em;
  --tracking-caps: 0.14em;

  /* --- Spacing / rhythm --- */
  --space-1: 0.5rem;
  --space-2: 0.875rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-section: clamp(4rem, 3rem + 6vw, 9rem);
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --maxw: 1280px;
  --maxw-prose: 68ch;

  /* --- Radius / depth --- */
  --r-sm: 0.5rem;
  --r-md: 1rem;
  --r-lg: 1.75rem;
  --r-xl: 2.5rem;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px oklch(30% 0.03 60 / 0.08);
  --shadow-md: 0 8px 24px -12px oklch(30% 0.05 50 / 0.28);
  --shadow-lg: 0 30px 70px -35px oklch(28% 0.06 45 / 0.45);
  --shadow-clay: 0 20px 50px -22px oklch(50% 0.13 42 / 0.5);

  /* --- Motion --- */
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 640ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}