:root {
  color-scheme: light;

  /* Fonts */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Light palette */
  --bg: #FFFFFF;
  --surface: #FDF1EE;
  --surface-alt: #F3DCD8;
  --rose-soft: #D9A9A2;
  --rose-deep: #9C5A5A;
  --rose-deeper: #824848;
  --ink: #3B2A2A;
  --ink-soft: #6B5252;
  --on-rose: #FFFFFF;
  --accent-text: #9C5A5A;
  --border: rgba(156, 90, 90, .20);
  --focus: #9C5A5A;

  /* Balloon accents (sparingly) */
  --sage: #A9BFA8;
  --butter: #F2D9A0;
  --powder: #BFD8E6;

  /* Logo: identical in light and dark */
  --logo-bg: #9C5A5A;
  --logo-fg: #FFFFFF;

  /* Navbar */
  --nav-bg: rgba(255, 255, 255, .92);
  --nav-capsule: #F8E8E4;
  --nav-pill: #FFFFFF;
  --nav-pill-text: #9C5A5A;
  --nav-shadow: 0 6px 24px rgba(156, 90, 90, .12);

  /* inside :root { ... } */
  --hero-ov-strong: rgba(253, 241, 238, .96);
  --hero-ov-mid:    rgba(253, 241, 238, .84);
  --hero-ov-soft:   rgba(253, 241, 238, 0);

  /* inside :root { ... } */
  --band-bg: #9C5A5A;
  --band-text: #FFFFFF;
  --band-text-soft: rgba(255, 255, 255, .92);
  --band-line: rgba(255, 255, 255, .35);

  /* Home 2 */
  --h2-veil:     rgba(253, 241, 238, .94);
  --h2-bar-bg:   #FFFFFF;
  --h2-ctrl-bg:  rgba(255, 255, 255, .90);
  --h2-track:    rgba(156, 90, 90, .25);
  --error:       #B3261E;

  /* Gallery · Themes index: balloon colors */
  --bln-mauve:    #B98A8F;
  --bln-peach:    #F0B896;
  --bln-cream:    #F6E9D7;
  --bln-blush:    #F4C9D0;
  --bln-white:    #FFFFFF;
  --bln-grey:     #C9C4C4;
  --bln-pink:     #E58AA6;
  --bln-rosegold: #C98F7A;
  --bln-taupe:    #A39283;
  --bln-gold:     #C9A24B;
  --bln-red:      #C8323C;

}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #2A1A1C;
  --surface: #3A2527;
  --surface-alt: #47302F;
  --ink: #F6E7E3;
  --ink-soft: #D8BFBA;
  --accent-text: #E8B4AC;
  --border: rgba(246, 231, 227, .16);
  --focus: #E8B4AC;

  --nav-bg: rgba(42, 26, 28, .92);
  --nav-capsule: #3A2527;
  --nav-pill: #2A1A1C;
  --nav-pill-text: #E8B4AC;
  --nav-shadow: 0 6px 24px rgba(0, 0, 0, .35);


/* inside [data-theme="dark"] { ... } */
  --hero-ov-strong: rgba(42, 26, 28, .95);
  --hero-ov-mid:    rgba(42, 26, 28, .84);
  --hero-ov-soft:   rgba(42, 26, 28, 0);


  /* inside [data-theme="dark"] { ... } */
  --band-bg: #4A2E30;


  /* Home 2 */
  --h2-veil:     rgba(42, 26, 28, .92);
  --h2-bar-bg:   #3A2527;
  --h2-ctrl-bg:  rgba(42, 26, 28, .86);
  --h2-track:    rgba(246, 231, 227, .25);
  --error:       #FF9D94;
  
}