:root {
  /* ---- Brand accent (burnt orange) ------------------------------------ */
  --accent:            #C2662E;
  --accent-hover:      #A5501F;
  --accent-contrast:   #FFF8EF;
  --accent-wash:       #F3E4D3;

  /* ---- Warm surfaces -------------------------------------------------- */
  --bg:                #FBF5EA;   /* warm cream page */
  --bg-alt:            #F2E7D3;   /* toasted beige   */
  --bg-invert:         #2A1C12;   /* deep espresso   */
  --surface:           #FFFCF6;   /* card cream      */
  --surface-2:         #F4EAD9;   /* muted latte     */

  /* ---- Ink (espresso brown) ------------------------------------------- */
  --text:              #2A1C12;
  --text-muted:        #7C6650;
  --text-invert:       #FBF5EA;

  /* ---- Lines & shadow -------------------------------------------------- */
  --line:              #E6D7C0;
  --line-strong:       #D2BE9F;
  --shadow-sm:         0 1px 2px rgba(42,28,18,.06);
  --shadow-md:         0 2px 4px rgba(42,28,18,.05), 0 12px 32px rgba(42,28,18,.09);
  --shadow-lg:         0 4px 8px rgba(42,28,18,.06), 0 24px 64px rgba(42,28,18,.14);

  /* ---- Type ------------------------------------------------------------ */
  --font-display: "Caveat", "Segoe Script", "Bradley Hand", cursive;
  --font-serif:   "Playfair Display", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body:    "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-script:  "Caveat", "Segoe Script", cursive;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --fs-xs:    0.75rem;
  --fs-sm:    0.8125rem;
  --fs-base:  1rem;
  --fs-md:    clamp(1.0625rem, 0.35vw + 0.98rem, 1.1875rem);
  --fs-lg:    clamp(1.25rem, 0.6vw + 1.1rem, 1.5rem);
  --fs-xl:    clamp(1.5rem, 1vw + 1.25rem, 2rem);
  --fs-2xl:   clamp(2rem, 2.2vw + 1.4rem, 3rem);
  --fs-3xl:   clamp(2.5rem, 3.6vw + 1.5rem, 4.25rem);
  --fs-4xl:   clamp(3rem, 6vw + 1rem, 7rem);

  --lh-tight: 1.06;
  --lh-snug:  1.25;
  --lh-base:  1.7;

  /* ---- Space ----------------------------------------------------------- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  --section-y: clamp(4.5rem, 9vw, 9rem);

  /* ---- Layout ---------------------------------------------------------- */
  --container:      1280px;
  --container-text: 720px;
  --gutter:         clamp(1.25rem, 4vw, 3.5rem);
  --header-h:       76px;

  /* ---- Radii (softer, cosier) ----------------------------------------- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;
  --r-full: 999px;

  /* ---- Motion ---------------------------------------------------------- */
  --ease:      cubic-bezier(.22,.61,.36,1);
  --ease-out:  cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);
  --dur-fast:  180ms;
  --dur:       420ms;
  --dur-slow:  760ms;

  --z-menu:   150;
  --z-header: 200;
  --z-veil:   400;

  color-scheme: light;
}