/* ==========================================================================
   Design Tokens — Shaun & Joe, 2027
   Single source of truth for color, type, spacing, radius, shadow, motion.
   No external fonts or assets — everything renders from system stacks + SVG.
   ========================================================================== */

:root {
  /* -- Color: English countryside luxury palette -- */
  --color-ivory:        #FAF6EF;
  --color-ivory-deep:   #F1EAD9;
  --color-paper:        #FFFDF9;

  --color-sage:         #4B5842;
  --color-sage-dark:    #333D2C;
  --color-sage-light:   #7C8C6C;
  --color-sage-mist:    #E7EBE1;

  --color-gold:         #e3a240;
  --color-gold-light:   #ffe3b0;
  --color-gold-soft:    #F0E3CB;

  --color-charcoal:     #2A2A25;
  --color-charcoal-soft:#55534A;
  --color-charcoal-mute:#8A877C;

  --color-white:        #FFFFFF;
  --color-line:         #E4DDCC;

  --color-success:      #4B5842;
  --color-success-bg:   #E7EBE1;

  /* -- Type -- */
  --font-serif: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md:   1.25rem;
  --fs-lg:   1.75rem;
  --fs-xl:   2.5rem;
  --fs-2xl:  3.5rem;
  --fs-3xl:  5rem;

  --lh-tight: 1.15;
  --lh-snug:  1.35;
  --lh-base:  1.6;

  --ls-wide: 0.14em;
  --ls-wider: 0.24em;

  /* -- Spacing scale -- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8.5rem;

  /* -- Shape -- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* -- Elevation -- */
  --shadow-sm: 0 2px 10px rgba(42, 42, 37, 0.07);
  --shadow-md: 0 16px 40px rgba(42, 42, 37, 0.12);
  --shadow-lg: 0 30px 70px rgba(42, 42, 37, 0.18);
  --shadow-gold: 0 14px 32px rgba(185, 146, 87, 0.35);

  /* -- Motion -- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 200ms var(--ease-standard);
  --transition-base: 350ms var(--ease-standard);
  --transition-slow: 700ms var(--ease-standard);

  /* -- Layout -- */
  --container-width: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --header-height: 84px;
}