/* Option 2 — WARM PAPER
   Swaps the cold gray for a warm ivory/paper base. Cards go
   very slightly warm-white instead of pure #fff so they don't
   look sterile. Softer, more "boutique retail" than "SaaS app". */
[data-theme="light"][data-light-pallete="warm-paper"] {
  --bg: #f7f4ee;
  --bg2: #fffdf9;
  --card: #fffdf9;
  --card2: #f0ece2;
  --accent: #0089a8;
  --accent2: #6d28d9;
  --accent3: #c2650a;
  --text: #1c1810;
  --text2: #3a3428;
  --muted: #7a7362;
  --border: rgba(28, 24, 16, 0.09);
  --border2: rgba(28, 24, 16, 0.16);
  --grid-line: rgba(0, 137, 168, 0.045);
  --glow1-color: rgba(0, 137, 168, 0.07);
  --glow2-color: rgba(109, 40, 217, 0.055);
  --glow3-color: rgba(194, 101, 10, 0.06);
  --nav-bg: rgba(247, 244, 238, 0.92);
  --shadow: rgba(28, 24, 16, 0.1);
  --trust-bg: rgba(255, 253, 249, 0.85);
  --promo-bg: rgba(194, 101, 10, 0.06);
  --promo-border: rgba(194, 101, 10, 0.22);
  --tag-bg: rgba(0, 137, 168, 0.08);
  --tag-border: rgba(0, 137, 168, 0.26);
}

/* Option 3 — COOL SLATE
   Deeper contrast than the current light mode: background is
   a soft blue-gray (not pure white), cards are true white so
   they visibly lift off the page instead of blending in. */
[data-theme="light"][data-light-pallete="cool-slate"] {
  --bg: #e9edf2;
  --bg2: #ffffff;
  --card: #ffffff;
  --card2: #dde3ea;
  --accent: #0077a3;
  --accent2: #5b21b6;
  --accent3: #b45309;
  --text: #10151c;
  --text2: #2c333d;
  --muted: #5c6675;
  --border: rgba(16, 21, 28, 0.1);
  --border2: rgba(16, 21, 28, 0.18);
  --grid-line: rgba(0, 119, 163, 0.05);
  --glow1-color: rgba(0, 119, 163, 0.09);
  --glow2-color: rgba(91, 33, 182, 0.07);
  --glow3-color: rgba(180, 83, 9, 0.05);
  --nav-bg: rgba(233, 237, 242, 0.92);
  --shadow: rgba(16, 21, 28, 0.14);
  --trust-bg: rgba(255, 255, 255, 0.9);
  --promo-bg: rgba(180, 83, 9, 0.06);
  --promo-border: rgba(180, 83, 9, 0.22);
  --tag-bg: rgba(0, 119, 163, 0.09);
  --tag-border: rgba(0, 119, 163, 0.28);
}

/* Option 4 — OFF-WHITE STUDIO
   Near-white with a faint warm tint (not gray, not stark
   white) and much stronger borders/shadows to fake depth
   instead of relying on colored glow washes, which barely
   show up on light backgrounds anyway. */
[data-theme="light"][data-light-pallete="off-white-studio"] {
  --bg: #faf9f6;
  --bg2: #ffffff;
  --card: #ffffff;
  --card2: #f1efe9;
  --accent: #007b94;
  --accent2: #6425c9;
  --accent3: #cc7a00;
  --text: #14140f;
  --text2: #34342a;
  --muted: #6e6d5f;
  --border: rgba(20, 20, 15, 0.11);
  --border2: rgba(20, 20, 15, 0.2);
  --grid-line: rgba(0, 123, 148, 0.04);
  --glow1-color: rgba(0, 123, 148, 0.05);
  --glow2-color: rgba(100, 37, 201, 0.04);
  --glow3-color: rgba(204, 122, 0, 0.04);
  --nav-bg: rgba(250, 249, 246, 0.92);
  --shadow: rgba(20, 20, 15, 0.16);
  --trust-bg: rgba(255, 255, 255, 0.9);
  --promo-bg: rgba(204, 122, 0, 0.06);
  --promo-border: rgba(204, 122, 0, 0.24);
  --tag-bg: rgba(0, 123, 148, 0.08);
  --tag-border: rgba(0, 123, 148, 0.3);
}

/* Option 5 — TINTED MIST
   Keeps a visible hint of the brand cyan tinting the actual
   background (not just glow orbs), so light mode still feels
   connected to the dark mode's identity instead of a totally
   disconnected generic "light mode". */
[data-theme="light"][data-light-pallete="tintted-mist"] {
  --bg: #eef5f6;
  --bg2: #ffffff;
  --card: #ffffff;
  --card2: #e1edef;
  --accent: #007e97;
  --accent2: #6425c9;
  --accent3: #c2650a;
  --text: #0d1a1c;
  --text2: #2b3a3d;
  --muted: #5e7377;
  --border: rgba(0, 60, 70, 0.09);
  --border2: rgba(0, 60, 70, 0.16);
  --grid-line: rgba(0, 126, 151, 0.05);
  --glow1-color: rgba(0, 126, 151, 0.1);
  --glow2-color: rgba(100, 37, 201, 0.06);
  --glow3-color: rgba(194, 101, 10, 0.05);
  --nav-bg: rgba(238, 245, 246, 0.92);
  --shadow: rgba(0, 40, 46, 0.12);
  --trust-bg: rgba(255, 255, 255, 0.88);
  --promo-bg: rgba(194, 101, 10, 0.06);
  --promo-border: rgba(194, 101, 10, 0.22);
  --tag-bg: rgba(0, 126, 151, 0.09);
  --tag-border: rgba(0, 126, 151, 0.28);
}

/* ────────────────────────────────────────────────────────────
   ROUND 2 — genuinely different color stories, not just
   lightness/contrast tweaks on the same cyan-accent formula.
   Each changes the ACCENT HUE FAMILY, not just background shade.
   ──────────────────────────────────────────────────────────── */

/* Option 6 — SANDSTONE (light, warm/earthy)
   Terracotta accent instead of blue-family. Warm sand
   background. Reads boutique/artisanal rather than tech-y. */
[data-theme="light"][data-light-pallete="sandstone"] {
  --bg: #f0e6d8;
  --bg2: #fbf6ee;
  --card: #fbf6ee;
  --card2: #e6d8c2;
  --accent: #b5502e;
  --accent2: #8a5a3b;
  --accent3: #c98a1c;
  --text: #2b1d13;
  --text2: #4a3826;
  --muted: #8a7358;
  --border: rgba(43, 29, 19, 0.12);
  --border2: rgba(43, 29, 19, 0.2);
  --grid-line: rgba(181, 80, 46, 0.05);
  --glow1-color: rgba(181, 80, 46, 0.08);
  --glow2-color: rgba(138, 90, 59, 0.06);
  --glow3-color: rgba(201, 138, 28, 0.07);
  --nav-bg: rgba(240, 230, 216, 0.92);
  --shadow: rgba(43, 29, 19, 0.14);
  --trust-bg: rgba(251, 246, 238, 0.88);
  --promo-bg: rgba(201, 138, 28, 0.07);
  --promo-border: rgba(201, 138, 28, 0.25);
  --tag-bg: rgba(181, 80, 46, 0.09);
  --tag-border: rgba(181, 80, 46, 0.28);
}

/* Option 7 — MINT FROST (light, cool/crisp)
   Green-family accent (not blue, not orange) on a crisp
   blue-white base. Fresh, clean, clinical-but-friendly. */
[data-theme="light"][data-light-pallete="mint-frost"] {
  --bg: #e7f2ec;
  --bg2: #ffffff;
  --card: #ffffff;
  --card2: #d9ece1;
  --accent: #0f9d63;
  --accent2: #1d7a8c;
  --accent3: #d9a300;
  --text: #0c1f16;
  --text2: #2b3d33;
  --muted: #5f7a6c;
  --border: rgba(12, 60, 40, 0.1);
  --border2: rgba(12, 60, 40, 0.18);
  --grid-line: rgba(15, 157, 99, 0.05);
  --glow1-color: rgba(15, 157, 99, 0.1);
  --glow2-color: rgba(29, 122, 140, 0.07);
  --glow3-color: rgba(217, 163, 0, 0.06);
  --nav-bg: rgba(231, 242, 236, 0.92);
  --shadow: rgba(12, 60, 40, 0.12);
  --trust-bg: rgba(255, 255, 255, 0.88);
  --promo-bg: rgba(217, 163, 0, 0.06);
  --promo-border: rgba(217, 163, 0, 0.22);
  --tag-bg: rgba(15, 157, 99, 0.09);
  --tag-border: rgba(15, 157, 99, 0.3);
}

/* Option 8 — ROSE QUARTZ (light, soft/warm pink)
   Magenta/rose accent, blush-gray base. Softer, more
   fashion/lifestyle than electronics-store default. */
[data-theme="light"][data-light-pallete="rose-quartz"] {
  --bg: #f5e9ec;
  --bg2: #fffbfc;
  --card: #fffbfc;
  --card2: #ecd9df;
  --accent: #b8285f;
  --accent2: #7c3a8c;
  --accent3: #c9701c;
  --text: #26141a;
  --text2: #402530;
  --muted: #8a6472;
  --border: rgba(38, 20, 26, 0.1);
  --border2: rgba(38, 20, 26, 0.18);
  --grid-line: rgba(184, 40, 95, 0.05);
  --glow1-color: rgba(184, 40, 95, 0.08);
  --glow2-color: rgba(124, 58, 140, 0.06);
  --glow3-color: rgba(201, 112, 28, 0.05);
  --nav-bg: rgba(245, 233, 236, 0.92);
  --shadow: rgba(38, 20, 26, 0.12);
  --trust-bg: rgba(255, 251, 252, 0.88);
  --promo-bg: rgba(201, 112, 28, 0.06);
  --promo-border: rgba(201, 112, 28, 0.22);
  --tag-bg: rgba(184, 40, 95, 0.09);
  --tag-border: rgba(184, 40, 95, 0.28);
}

/* Option 9 — FOREST LIGHT (light, deep green/premium)
   Deep forest-green accent on off-white. Earthy, premium,
   closer to an outdoor-gear or wellness brand than tech. */
[data-theme="light"][data-light-pallete="forest-light"] {
  --bg: #ece8dd;
  --bg2: #f9f7f0;
  --card: #f9f7f0;
  --card2: #ddd9c8;
  --accent: #245c3a;
  --accent2: #4a6741;
  --accent3: #b9822a;
  --text: #161c14;
  --text2: #313a2c;
  --muted: #6b7360;
  --border: rgba(22, 28, 20, 0.11);
  --border2: rgba(22, 28, 20, 0.19);
  --grid-line: rgba(36, 92, 58, 0.05);
  --glow1-color: rgba(36, 92, 58, 0.09);
  --glow2-color: rgba(74, 103, 65, 0.06);
  --glow3-color: rgba(185, 130, 42, 0.05);
  --nav-bg: rgba(236, 232, 221, 0.92);
  --shadow: rgba(22, 28, 20, 0.13);
  --trust-bg: rgba(249, 247, 240, 0.88);
  --promo-bg: rgba(185, 130, 42, 0.06);
  --promo-border: rgba(185, 130, 42, 0.24);
  --tag-bg: rgba(36, 92, 58, 0.09);
  --tag-border: rgba(36, 92, 58, 0.3);
}

/* Option 10 — SUNBURST (light, bold/high-energy)
   Amber/orange as the PRIMARY accent (not a tertiary), on a
   warm cream base. High-energy, promotional, stands out the
   most of any light option — good if the brand wants to feel
   bold rather than calm. */
[data-theme="light"][data-light-pallete="sunburst"] {
  --bg: #f7ecd9;
  --bg2: #fffaf0;
  --card: #fffaf0;
  --card2: #f0dfbd;
  --accent: #d9660a;
  --accent2: #a8471f;
  --accent3: #1d7a8c;
  --text: #241505;
  --text2: #3d2a12;
  --muted: #8a7452;
  --border: rgba(36, 21, 5, 0.1);
  --border2: rgba(36, 21, 5, 0.18);
  --grid-line: rgba(217, 102, 10, 0.06);
  --glow1-color: rgba(217, 102, 10, 0.1);
  --glow2-color: rgba(168, 71, 31, 0.07);
  --glow3-color: rgba(29, 122, 140, 0.05);
  --nav-bg: rgba(247, 236, 217, 0.92);
  --shadow: rgba(36, 21, 5, 0.14);
  --trust-bg: rgba(255, 250, 240, 0.88);
  --promo-bg: rgba(217, 102, 10, 0.07);
  --promo-border: rgba(217, 102, 10, 0.26);
  --tag-bg: rgba(217, 102, 10, 0.1);
  --tag-border: rgba(217, 102, 10, 0.3);
}

/* Option D2 — EMERALD NIGHT
   Green/teal primary accent instead of cyan. Cooler, more
   "fintech/security" than the electric cyan original. */
[data-theme="dark"][data-dark-pallete="emerald-night"] {
  --bg: #0a0f0c;
  --bg2: #0e1511;
  --card: #141d18;
  --card2: #1a251f;
  --accent: #22e5a0;
  --accent2: #6366f1;
  --accent3: #f5c542;
  --text: #eefaf3;
  --text2: #c3ded0;
  --muted: #7fa08e;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --grid-line: rgba(34, 229, 160, 0.03);
  --glow1-color: rgba(34, 229, 160, 0.08);
  --glow2-color: rgba(99, 102, 241, 0.08);
  --glow3-color: rgba(245, 197, 66, 0.05);
  --nav-bg: rgba(10, 15, 12, 0.88);
  --shadow: rgba(0, 0, 0, 0.4);
  --trust-bg: rgba(20, 29, 24, 0.6);
  --promo-bg: rgba(245, 197, 66, 0.06);
  --promo-border: rgba(245, 197, 66, 0.2);
  --tag-bg: rgba(34, 229, 160, 0.08);
  --tag-border: rgba(34, 229, 160, 0.22);
}

/* Option D3 — CRIMSON EDGE
   Red/rose primary accent. More aggressive, gaming-hardware
   aesthetic — good if the brand wants to feel intense. */
[data-theme="dark"][data-dark-pallete="crimson-edge"] {
  --bg: #0f0a0a;
  --bg2: #150e0e;
  --card: #1f1515;
  --card2: #271a1a;
  --accent: #ff3b5c;
  --accent2: #7c3aed;
  --accent3: #f59e0b;
  --text: #f8f0f0;
  --text2: #dec8c8;
  --muted: #a88888;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --grid-line: rgba(255, 59, 92, 0.03);
  --glow1-color: rgba(255, 59, 92, 0.09);
  --glow2-color: rgba(124, 58, 237, 0.07);
  --glow3-color: rgba(245, 158, 11, 0.05);
  --nav-bg: rgba(15, 10, 10, 0.88);
  --shadow: rgba(0, 0, 0, 0.4);
  --trust-bg: rgba(31, 21, 21, 0.6);
  --promo-bg: rgba(245, 158, 11, 0.06);
  --promo-border: rgba(245, 158, 11, 0.2);
  --tag-bg: rgba(255, 59, 92, 0.09);
  --tag-border: rgba(255, 59, 92, 0.22);
}

/* Option D4 — ROYAL INDIGO
   Deep blue/indigo-dominant with violet secondary. Calmer,
   more "premium fintech / enterprise" than the playful cyan. */
[data-theme="dark"][data-dark-pallete="royal-indigo"] {
  --bg: #0a0a14;
  --bg2: #0e0e1c;
  --card: #161628;
  --card2: #1c1c34;
  --accent: #5b7cfa;
  --accent2: #9d4edd;
  --accent3: #f5b942;
  --text: #f0f0f8;
  --text2: #c8c8de;
  --muted: #8888ac;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --grid-line: rgba(91, 124, 250, 0.035);
  --glow1-color: rgba(91, 124, 250, 0.09);
  --glow2-color: rgba(157, 78, 221, 0.09);
  --glow3-color: rgba(245, 185, 66, 0.05);
  --nav-bg: rgba(10, 10, 20, 0.88);
  --shadow: rgba(0, 0, 0, 0.4);
  --trust-bg: rgba(22, 22, 40, 0.6);
  --promo-bg: rgba(245, 185, 66, 0.06);
  --promo-border: rgba(245, 185, 66, 0.2);
  --tag-bg: rgba(91, 124, 250, 0.09);
  --tag-border: rgba(91, 124, 250, 0.22);
}

/* Option D5 — COPPER NOIR
   Warm copper/bronze accent on near-black. Luxury, boutique
   feel — closer to a premium leather-goods brand than tech. */
[data-theme="dark"][data-dark-pallete="copper-noir"] {
  --bg: #0d0b09;
  --bg2: #120f0c;
  --card: #1c1712;
  --card2: #241d16;
  --accent: #d98a4f;
  --accent2: #a8632e;
  --accent3: #e0c14a;
  --text: #f5efe6;
  --text2: #d8cabb;
  --muted: #a08e77;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.12);
  --grid-line: rgba(217, 138, 79, 0.035);
  --glow1-color: rgba(217, 138, 79, 0.09);
  --glow2-color: rgba(168, 99, 46, 0.07);
  --glow3-color: rgba(224, 193, 74, 0.06);
  --nav-bg: rgba(13, 11, 9, 0.88);
  --shadow: rgba(0, 0, 0, 0.4);
  --trust-bg: rgba(28, 23, 18, 0.6);
  --promo-bg: rgba(224, 193, 74, 0.06);
  --promo-border: rgba(224, 193, 74, 0.2);
  --tag-bg: rgba(217, 138, 79, 0.09);
  --tag-border: rgba(217, 138, 79, 0.25);
}