:root,
[data-theme="noir"] {
  --bg: #070b12;
  --bg-2: #0c1220;
  --bg-3: #121a2b;
  --surface: rgba(255, 255, 255, 0.055);
  --surface-2: rgba(255, 255, 255, 0.09);
  --surface-solid: #121a28;
  --text: #f4f1ea;
  --muted: #9aa3b5;
  --faint: #667085;
  --accent: #3dcf9a;
  --accent-2: #14b8a6;
  --accent-ink: #06281c;
  --accent-soft: rgba(61, 207, 154, 0.14);
  --gold: #d4b896;
  --danger: #f87171;
  --line: rgba(255, 255, 255, 0.1);
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
  --shadow-s: 0 10px 30px rgba(0, 0, 0, 0.25);
  --radius: 28px;
  --radius-s: 16px;
  --radius-xs: 10px;
  --hero-scrim: linear-gradient(180deg, rgba(7, 11, 18, 0.15) 0%, rgba(7, 11, 18, 0.82) 100%);
  --display: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
  --invert: 1;
  --glow: 0 0 80px rgba(61, 207, 154, 0.18);
  --nav: rgba(7, 11, 18, 0.78);
  --chip: rgba(255, 255, 255, 0.06);
}

[data-theme="linen"] {
  --bg: #efe8dc;
  --bg-2: #f7f2ea;
  --bg-3: #fffdf8;
  --surface: rgba(255, 255, 255, 0.72);
  --surface-2: #ffffff;
  --surface-solid: #ffffff;
  --text: #2a2724;
  --muted: #6f6a63;
  --faint: #a39c93;
  --accent: #5d7266;
  --accent-2: #738a7e;
  --accent-ink: #f7f2ea;
  --accent-soft: rgba(93, 114, 102, 0.12);
  --gold: #b08968;
  --danger: #c45c4a;
  --line: rgba(42, 39, 36, 0.1);
  --shadow: 0 24px 60px rgba(80, 60, 40, 0.1);
  --shadow-s: 0 8px 24px rgba(80, 60, 40, 0.08);
  --hero-scrim: linear-gradient(180deg, rgba(47, 42, 36, 0.08) 0%, rgba(47, 42, 36, 0.62) 100%);
  --invert: 0;
  --glow: 0 0 80px rgba(176, 137, 104, 0.16);
  --nav: rgba(247, 242, 234, 0.86);
  --chip: #ffffff;
}

[data-theme="champagne"] {
  --bg: #16120e;
  --bg-2: #1c1712;
  --bg-3: #241e17;
  --surface: rgba(232, 208, 170, 0.07);
  --surface-2: rgba(232, 208, 170, 0.12);
  --surface-solid: #1f1913;
  --text: #f6ead7;
  --muted: #c4b39a;
  --faint: #8a7a64;
  --accent: #e0c48a;
  --accent-2: #c9a56a;
  --accent-ink: #1c1712;
  --accent-soft: rgba(224, 196, 138, 0.14);
  --gold: #e8d0aa;
  --danger: #e08a7a;
  --line: rgba(232, 208, 170, 0.14);
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
  --hero-scrim: linear-gradient(180deg, rgba(22, 18, 14, 0.2) 0%, rgba(22, 18, 14, 0.86) 100%);
  --invert: 1;
  --glow: 0 0 90px rgba(224, 196, 138, 0.16);
  --nav: rgba(22, 18, 14, 0.82);
  --chip: rgba(232, 208, 170, 0.08);
}

[data-theme="botanica"] {
  --bg: #f3eee3;
  --bg-2: #fbf8f1;
  --bg-3: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f3ea;
  --surface-solid: #ffffff;
  --text: #132a1e;
  --muted: #4a6356;
  --faint: #8aa394;
  --accent: #0f9f6e;
  --accent-2: #059669;
  --accent-ink: #fbf8f1;
  --accent-soft: rgba(15, 159, 110, 0.12);
  --gold: #c4a574;
  --danger: #c45c4a;
  --line: rgba(19, 42, 30, 0.1);
  --shadow: 0 20px 50px rgba(19, 42, 30, 0.08);
  --hero-scrim: linear-gradient(180deg, rgba(11, 25, 18, 0.1) 0%, rgba(11, 25, 18, 0.72) 100%);
  --invert: 0;
  --glow: 0 0 70px rgba(15, 159, 110, 0.14);
  --nav: rgba(251, 248, 241, 0.9);
  --chip: #ffffff;
}

[data-theme="rose"] {
  --bg: #f6ebe8;
  --bg-2: #fbf5f3;
  --bg-3: #fffaf8;
  --surface: rgba(255, 255, 255, 0.8);
  --surface-2: #ffffff;
  --surface-solid: #ffffff;
  --text: #3a2a2c;
  --muted: #8a6e72;
  --faint: #b9a3a6;
  --accent: #c47b86;
  --accent-2: #d4a5ab;
  --accent-ink: #fff8f6;
  --accent-soft: rgba(196, 123, 134, 0.14);
  --gold: #d4b08c;
  --danger: #c45c4a;
  --line: rgba(58, 42, 44, 0.1);
  --shadow: 0 22px 50px rgba(90, 50, 55, 0.1);
  --hero-scrim: linear-gradient(180deg, rgba(58, 42, 44, 0.08) 0%, rgba(58, 42, 44, 0.58) 100%);
  --invert: 0;
  --glow: 0 0 80px rgba(196, 123, 134, 0.18);
  --nav: rgba(251, 245, 243, 0.9);
  --chip: #ffffff;
}

[data-theme="midnight"] {
  --bg: #0a0a0c;
  --bg-2: #111114;
  --bg-3: #18181c;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-2: rgba(232, 208, 170, 0.08);
  --surface-solid: #141418;
  --text: #f3efe6;
  --muted: #a8a29a;
  --faint: #6b6660;
  --accent: #d4af37;
  --accent-2: #f0d78c;
  --accent-ink: #14110a;
  --accent-soft: rgba(212, 175, 55, 0.14);
  --gold: #d4af37;
  --danger: #e07a6a;
  --line: rgba(255, 255, 255, 0.08);
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.6);
  --hero-scrim: linear-gradient(180deg, rgba(10, 10, 12, 0.25) 0%, rgba(10, 10, 12, 0.88) 100%);
  --invert: 1;
  --glow: 0 0 90px rgba(212, 175, 55, 0.14);
  --nav: rgba(10, 10, 12, 0.86);
  --chip: rgba(255, 255, 255, 0.05);
}

[data-theme="azure"] {
  --bg: #e8f0f4;
  --bg-2: #f4f8fa;
  --bg-3: #ffffff;
  --surface: rgba(255, 255, 255, 0.78);
  --surface-2: #ffffff;
  --surface-solid: #ffffff;
  --text: #16313c;
  --muted: #5b7580;
  --faint: #93a8b0;
  --accent: #2a8ea3;
  --accent-2: #3aa8bf;
  --accent-ink: #f4f8fa;
  --accent-soft: rgba(42, 142, 163, 0.12);
  --gold: #c4a574;
  --danger: #c45c4a;
  --line: rgba(22, 49, 60, 0.1);
  --shadow: 0 22px 50px rgba(22, 49, 60, 0.08);
  --hero-scrim: linear-gradient(180deg, rgba(14, 40, 50, 0.12) 0%, rgba(14, 40, 50, 0.7) 100%);
  --invert: 0;
  --glow: 0 0 80px rgba(42, 142, 163, 0.16);
  --nav: rgba(244, 248, 250, 0.9);
  --chip: #ffffff;
}