:root {
  /* ---- Brand accent (rose / mauve) ------------------------------------ */
  --accent:            #B26A82;
  --accent-hover:      #98546C;
  --accent-contrast:   #FFFFFF;
  --accent-wash:       #F6E7EE;

  /* ---- Light theme surfaces (warm blush) ------------------------------ */
  --bg:                #FBF6F5;
  --bg-alt:            #F3E9E9;
  --bg-invert:         #211A20;
  --surface:           #FFFDFC;
  --surface-2:         #F7EEEE;

  /* ---- Light theme ink (deep plum-charcoal) --------------------------- */
  --text:              #2A2127;
  --text-muted:        #7E6E76;
  --text-invert:       #FBF6F5;

  /* ---- Lines & shadow -------------------------------------------------- */
  --line:              #EADDDF;
  --line-strong:       #D8C4C9;
  --shadow-sm:         0 1px 2px rgba(42,33,39,.05);
  --shadow-md:         0 2px 4px rgba(42,33,39,.05), 0 12px 32px rgba(42,33,39,.08);
  --shadow-lg:         0 4px 8px rgba(42,33,39,.06), 0 24px 64px rgba(42,33,39,.14);

  /* ---- Type ------------------------------------------------------------ */
  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body:    "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --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(2.1rem, 2.4vw + 1.4rem, 3.25rem);
  --fs-3xl:   clamp(2.7rem, 3.8vw + 1.5rem, 4.75rem);
  --fs-4xl:   clamp(3.2rem, 6.5vw + 1rem, 8rem);

  --lh-tight: 1.04;
  --lh-snug:  1.22;
  --lh-base:  1.65;

  /* ---- 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 (soft, elegant) ------------------------------------------ */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 20px;
  --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;
}

/* ==========================================================================
   DARK THEME, deep plum-charcoal with a brighter rose accent
   ========================================================================== */
[data-theme="dark"] {
  --accent:          #E29CB4;
  --accent-hover:    #F0B3C7;
  --accent-contrast: #201319;
  --accent-wash:     #3A2530;

  --bg:              #171115;
  --bg-alt:          #1E161C;
  --bg-invert:       #FBF6F5;
  --surface:         #1C141A;
  --surface-2:       #241A21;

  --text:            #F3EAEE;
  --text-muted:      #AD9BA4;
  --text-invert:     #211A20;

  --line:            #2E2530;
  --line-strong:     #463A44;
  --shadow-sm:       0 1px 2px rgba(0,0,0,.45);
  --shadow-md:       0 2px 4px rgba(0,0,0,.35), 0 12px 32px rgba(0,0,0,.4);
  --shadow-lg:       0 4px 8px rgba(0,0,0,.35), 0 24px 64px rgba(0,0,0,.55);

  color-scheme: dark;
}