/* =========================================================
   BOBBY BAGUETTI — colour schemes WITHOUT the chrome layer
   (owner 2026-10-25: "i dont really like the chrome").
   Each scheme is a variable set over the base css/styles.css look:
   flat type, no metallic gradients or extruded headlines.
   Preview any page with ?scheme=onyx|champagne|emerald|ivory|oxblood
   (?scheme=off clears it); js/main.js drops theme-chrome.css while
   previewing. Nothing here is active until a scheme is chosen.
   ========================================================= */

/* 1 — ONYX & 18K GOLD: black velvet tray, warm yellow-gold accents. */
[data-scheme="onyx"] {
  --bg: #090807; --bg-2: #100e0c; --panel: #161310; --panel-2: #1d1914;
  --line: #2a241b; --line-2: #3a3124;
  --text: #f6f0e4; --muted: #a99d89;
  --gold: #d6b25e; --gold-lite: #f0d79a; --gold-deep: #8a6d2c;
  --ink-btn: #d6b25e; --ink-btn-2: #f0d79a; --ice: #f3e3b8;
  --gold-grad: linear-gradient(135deg, #f8e7b0 0%, #d6b25e 55%, #a5802f 100%);
  --shadow: 0 20px 50px rgba(0,0,0,.65);
}
[data-scheme="onyx"] body {
  background: radial-gradient(1100px 560px at 80% -10%, rgba(214,178,94,.10), transparent 60%), var(--bg);
}

/* 2 — CHAMPAGNE NOIR: espresso black with champagne / rose-gold. */
[data-scheme="champagne"] {
  --bg: #0d0a09; --bg-2: #141010; --panel: #1b1514; --panel-2: #231b19;
  --line: #2f2421; --line-2: #42332e;
  --text: #f7ede7; --muted: #b5a199;
  --gold: #e6bfa3; --gold-lite: #f6dccb; --gold-deep: #9b6f5c;
  --ink-btn: #e6bfa3; --ink-btn-2: #f6dccb; --ice: #f4ddd0;
  --gold-grad: linear-gradient(135deg, #fbe9dc 0%, #e6bfa3 55%, #b98468 100%);
  --shadow: 0 20px 50px rgba(0,0,0,.6);
}
[data-scheme="champagne"] body {
  background: radial-gradient(1100px 560px at 80% -10%, rgba(230,191,163,.10), transparent 60%), var(--bg);
}

/* 3 — EMERALD VAULT: deep bottle green with antique gold. */
[data-scheme="emerald"] {
  --bg: #04100b; --bg-2: #071811; --panel: #0b2018; --panel-2: #10291f;
  --line: #17382a; --line-2: #224b39;
  --text: #eef7f1; --muted: #93b5a5;
  --gold: #d9b65e; --gold-lite: #f1da97; --gold-deep: #8d7130;
  --ink-btn: #d9b65e; --ink-btn-2: #f1da97; --ice: #e9dcae;
  --gold-grad: linear-gradient(135deg, #f6e4a6 0%, #d9b65e 55%, #a3812f 100%);
  --shadow: 0 20px 50px rgba(0,0,0,.6);
}
[data-scheme="emerald"] body {
  background: radial-gradient(1100px 560px at 80% -10%, rgba(40,140,95,.16), transparent 60%), var(--bg);
}

/* 4 — IVORY GALLERY: light boutique; the black product tiles read as framed pieces. */
[data-scheme="ivory"] {
  --bg: #f5f1e8; --bg-2: #ece6da; --panel: #fffdf8; --panel-2: #f7f2e8;
  --line: #e2d9c8; --line-2: #d2c4ab;
  --text: #17140f; --muted: #6f6556;
  --gold: #a17a26; --gold-lite: #8a6619; --gold-deep: #c9a95e;
  --ink-btn: #17140f; --ink-btn-2: #3a332a; --ice: #8a6619;
  --gold-grad: linear-gradient(135deg, #e9cf86 0%, #c9a24a 55%, #a17a26 100%);
  --shadow: 0 18px 40px rgba(60,45,20,.16);
}
[data-scheme="ivory"] body { background: var(--bg); }
[data-scheme="ivory"] .site-header { background: rgba(245,241,232,.9); }
[data-scheme="ivory"] .btn-gold { color: #fdf9f0; }
[data-scheme="ivory"] .site-footer { background: #17140f; color: #efe7d6; }
[data-scheme="ivory"] .site-footer a, [data-scheme="ivory"] .site-footer p { color: #cfc4ae; }

/* 5 — OXBLOOD & GOLD: deep burgundy velvet, gold trim. */
[data-scheme="oxblood"] {
  --bg: #0e0406; --bg-2: #15070a; --panel: #1d0b0f; --panel-2: #261015;
  --line: #3a1820; --line-2: #4f222b;
  --text: #f8ece9; --muted: #bd9a9c;
  --gold: #d8b468; --gold-lite: #f1d89f; --gold-deep: #8e6e2e;
  --ink-btn: #d8b468; --ink-btn-2: #f1d89f; --ice: #efd9a8;
  --gold-grad: linear-gradient(135deg, #f7e5ae 0%, #d8b468 55%, #a5823a 100%);
  --shadow: 0 20px 50px rgba(0,0,0,.65);
}
[data-scheme="oxblood"] body {
  background: radial-gradient(1100px 560px at 80% -10%, rgba(150,30,50,.20), transparent 60%), var(--bg);
}

/* ============ ROUND 2 — owner: "has to have blue in it", 10 blue concepts (no chrome) ============ */
/* light schemes (powder, arctic) share the ivory fixes: light header, dark CTA text rules below */

/* b1 — MIDNIGHT NAVY & GOLD */
[data-scheme="navygold"] { --bg:#08101f; --bg-2:#0c1629; --panel:#111d33; --panel-2:#16243e; --line:#1f2f4d; --line-2:#2c4066;
  --text:#f2f5fb; --muted:#9aa8c2; --gold:#d8b45e; --gold-lite:#f0d898; --gold-deep:#8b6f2d; --ink-btn:#d8b45e; --ink-btn-2:#f0d898; --ice:#f0d898;
  --gold-grad:linear-gradient(135deg,#f6e3a8 0%,#d8b45e 55%,#a5812f 100%); }
[data-scheme="navygold"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(50,90,180,.22), transparent 60%), var(--bg); }

/* b2 — ROYAL SAPPHIRE & PLATINUM */
[data-scheme="sapphire2"] { --bg:#071034; --bg-2:#0a1640; --panel:#0e1d52; --panel-2:#13255f; --line:#1d3275; --line-2:#2a4490;
  --text:#f4f7ff; --muted:#a9b6dd; --gold:#dfe6f2; --gold-lite:#ffffff; --gold-deep:#7d8db8; --ink-btn:#e9eef7; --ink-btn-2:#ffffff; --ice:#ffffff;
  --gold-grad:linear-gradient(135deg,#ffffff 0%,#dfe6f2 55%,#a9b6cf 100%); }
[data-scheme="sapphire2"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(70,110,255,.25), transparent 60%), var(--bg); }

/* b3 — BLACK & ICE BLUE (the current colours, flat — no chrome) */
[data-scheme="iceblack"] { --bg:#050607; --bg-2:#0a0c0e; --panel:#101317; --panel-2:#161a1f; --line:#22282f; --line-2:#323a44;
  --text:#f2f8fc; --muted:#98a6b2; --gold:#8fd6ff; --gold-lite:#c9ecff; --gold-deep:#3b6680; --ink-btn:#8fd6ff; --ink-btn-2:#c9ecff; --ice:#c9ecff;
  --gold-grad:linear-gradient(135deg,#e2f6ff 0%,#8fd6ff 55%,#4aa6d6 100%); }
[data-scheme="iceblack"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(143,214,255,.10), transparent 60%), var(--bg); }

/* b4 — ELECTRIC COBALT */
[data-scheme="cobalt2"] { --bg:#030409; --bg-2:#070a14; --panel:#0c1020; --panel-2:#11172c; --line:#1b2442; --line-2:#28366a;
  --text:#ffffff; --muted:#9ba6c8; --gold:#4d7dff; --gold-lite:#8fb0ff; --gold-deep:#2443a8; --ink-btn:#2f62ff; --ink-btn-2:#5a85ff; --ice:#8fb0ff;
  --gold-grad:linear-gradient(135deg,#7fa2ff 0%,#2f62ff 55%,#1a3fc4 100%); }
[data-scheme="cobalt2"] body { background: radial-gradient(1100px 560px at 50% -10%, rgba(47,98,255,.20), transparent 60%), var(--bg); }
[data-scheme="cobalt2"] .btn-gold, [data-scheme="cobalt2"] .filter-chip.active, [data-scheme="cobalt2"] .card-add:hover { color: #fff; }

/* b5 — POWDER BLUE & IVORY (light) */
[data-scheme="powder"] { --bg:#f3f6fa; --bg-2:#e8eef6; --panel:#ffffff; --panel-2:#f5f8fc; --line:#d9e2ee; --line-2:#c2d0e2;
  --text:#0f1a2e; --muted:#5d6b82; --gold:#3f6fb8; --gold-lite:#2f5a9c; --gold-deep:#9db7da; --ink-btn:#0f1a2e; --ink-btn-2:#23324d; --ice:#2f5a9c;
  --gold-grad:linear-gradient(135deg,#b9d0ef 0%,#7fa5d8 55%,#3f6fb8 100%); --shadow:0 18px 40px rgba(20,40,80,.14); }
[data-scheme="powder"] body { background: var(--bg); }

/* b6 — SLATE STEEL BLUE */
[data-scheme="slate"] { --bg:#0d1319; --bg-2:#121a22; --panel:#18222c; --panel-2:#1e2a36; --line:#283746; --line-2:#36495c;
  --text:#eef3f7; --muted:#9aabba; --gold:#86b3d6; --gold-lite:#bcd8ec; --gold-deep:#4a6c86; --ink-btn:#86b3d6; --ink-btn-2:#bcd8ec; --ice:#bcd8ec;
  --gold-grad:linear-gradient(135deg,#d6e8f5 0%,#86b3d6 55%,#55819f 100%); }
[data-scheme="slate"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(134,179,214,.12), transparent 60%), var(--bg); }

/* b7 — AQUA LAGOON (deep teal-blue, aquamarine) */
[data-scheme="lagoon"] { --bg:#03131a; --bg-2:#051b24; --panel:#08232f; --panel-2:#0c2c3a; --line:#123c4d; --line-2:#1b5165;
  --text:#ecfafb; --muted:#8fb6bd; --gold:#4fd3d9; --gold-lite:#9becef; --gold-deep:#1f7f86; --ink-btn:#4fd3d9; --ink-btn-2:#9becef; --ice:#9becef;
  --gold-grad:linear-gradient(135deg,#c6f6f7 0%,#4fd3d9 55%,#1e9aa6 100%); }
[data-scheme="lagoon"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(40,180,200,.16), transparent 60%), var(--bg); }

/* b8 — NAVY & ROSE GOLD */
[data-scheme="navyrose"] { --bg:#0a1122; --bg-2:#0e172d; --panel:#131f3a; --panel-2:#182746; --line:#22325a; --line-2:#304674;
  --text:#f6f3f2; --muted:#a5adc4; --gold:#e8ad90; --gold-lite:#f6d2c0; --gold-deep:#9a6852; --ink-btn:#e8ad90; --ink-btn-2:#f6d2c0; --ice:#f6d2c0;
  --gold-grad:linear-gradient(135deg,#fbe2d6 0%,#e8ad90 55%,#bf7d62 100%); }
[data-scheme="navyrose"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(60,90,170,.22), transparent 60%), var(--bg); }

/* b9 — INDIGO NIGHT (indigo with periwinkle) */
[data-scheme="indigo2"] { --bg:#0a0920; --bg-2:#0f0d2b; --panel:#151237; --panel-2:#1b1844; --line:#272259; --line-2:#363075;
  --text:#f3f2ff; --muted:#a6a3cf; --gold:#9ea4ff; --gold-lite:#cfd2ff; --gold-deep:#555bb8; --ink-btn:#9ea4ff; --ink-btn-2:#cfd2ff; --ice:#cfd2ff;
  --gold-grad:linear-gradient(135deg,#e1e3ff 0%,#9ea4ff 55%,#6a6fe0 100%); }
[data-scheme="indigo2"] body { background: radial-gradient(1100px 560px at 80% -10%, rgba(120,110,255,.20), transparent 60%), var(--bg); }

/* b10 — ARCTIC WHITE & ROYAL BLUE (light) */
[data-scheme="arctic"] { --bg:#ffffff; --bg-2:#f2f5fb; --panel:#ffffff; --panel-2:#f6f8fc; --line:#e1e7f2; --line-2:#c9d4e8;
  --text:#0b1530; --muted:#5a6680; --gold:#1f45c4; --gold-lite:#1a3aa6; --gold-deep:#a9bce8; --ink-btn:#1f45c4; --ink-btn-2:#3a5fd8; --ice:#1a3aa6;
  --gold-grad:linear-gradient(135deg,#6f8fff 0%,#2f56e0 55%,#1a3aa6 100%); --shadow:0 18px 40px rgba(20,40,110,.14); }
[data-scheme="arctic"] body { background: var(--bg); }
[data-scheme="arctic"] .btn-gold, [data-scheme="arctic"] .filter-chip.active, [data-scheme="arctic"] .card-add:hover { color: #fff; }

/* shared fixes for the light schemes */
[data-scheme="powder"] .site-header { background: rgba(243,246,250,.92); }
[data-scheme="arctic"] .site-header { background: rgba(255,255,255,.92); }
[data-scheme="powder"] .btn-gold { color: #f5f8fc; }
[data-scheme="powder"] .site-footer, [data-scheme="arctic"] .site-footer { background: #0b1530; color: #e6ecf7; }
[data-scheme="powder"] .site-footer a, [data-scheme="powder"] .site-footer p,
[data-scheme="arctic"] .site-footer a, [data-scheme="arctic"] .site-footer p { color: #b8c4da; }

/* ============ ROUND 3 — owner liked B5 Powder & Ivory ("not so dark"): more LIGHT blue themes ============ */

/* L1 — SKY & WHITE: crisp white, sky-blue accents, navy buttons */
[data-scheme="sky"] { --bg:#ffffff; --bg-2:#f1f7fd; --panel:#ffffff; --panel-2:#f6fafe; --line:#dde9f5; --line-2:#c3d8ee;
  --text:#0e1e36; --muted:#5b6b82; --gold:#3c8fd6; --gold-lite:#2a76bb; --gold-deep:#a9cdee; --ink-btn:#0e1e36; --ink-btn-2:#22385a; --ice:#2a76bb;
  --gold-grad:linear-gradient(135deg,#cfe6fb 0%,#8cc2ef 55%,#3c8fd6 100%); --shadow:0 18px 40px rgba(20,60,110,.12); }

/* L2 — CORNFLOWER & CREAM: warm cream page, cornflower-blue buttons */
[data-scheme="cornflower"] { --bg:#faf6ee; --bg-2:#f2ece0; --panel:#fffdf8; --panel-2:#f8f3e9; --line:#e6dccb; --line-2:#d5c7ad;
  --text:#1b2236; --muted:#6b6658; --gold:#4f6fcf; --gold-lite:#3d5bb8; --gold-deep:#b9c6ec; --ink-btn:#4f6fcf; --ink-btn-2:#6683dc; --ice:#3d5bb8;
  --gold-grad:linear-gradient(135deg,#c9d4f5 0%,#8ea3e6 55%,#4f6fcf 100%); --shadow:0 18px 40px rgba(60,50,30,.12); }
[data-scheme="cornflower"] .btn-gold, [data-scheme="cornflower"] .filter-chip.active { color: #fff; }

/* L3 — BABY BLUE WASH: the whole page tinted pale blue, white cards */
[data-scheme="babyblue"] { --bg:#e9f2fb; --bg-2:#dceaf8; --panel:#ffffff; --panel-2:#f4f9fe; --line:#cfe0f2; --line-2:#b4cde8;
  --text:#0d1d38; --muted:#4f6283; --gold:#2f6db5; --gold-lite:#245a99; --gold-deep:#9fc1e6; --ink-btn:#0d1d38; --ink-btn-2:#1f3460; --ice:#245a99;
  --gold-grad:linear-gradient(135deg,#bcd7f3 0%,#7eaee2 55%,#2f6db5 100%); --shadow:0 18px 40px rgba(20,50,100,.13); }

/* L4 — IVORY, NAVY & CHAMPAGNE: ivory page, navy type, champagne-gold accents, powder-blue chips */
[data-scheme="ivorynavy"] { --bg:#f8f5ee; --bg-2:#eef0f3; --panel:#fffdf9; --panel-2:#f6f3ec; --line:#e3ddd0; --line-2:#cfd6e2;
  --text:#14213d; --muted:#626a7a; --gold:#b08d4a; --gold-lite:#8f6f30; --gold-deep:#d9c49a; --ink-btn:#14213d; --ink-btn-2:#2a3a5e; --ice:#8f6f30;
  --gold-grad:linear-gradient(135deg,#dbe6f4 0%,#a9c1e0 55%,#7d9cc8 100%); --shadow:0 18px 40px rgba(20,33,61,.12); }

/* L5 — PERIWINKLE MIST: soft lavender-blue haze */
[data-scheme="periwinkle"] { --bg:#f5f5fc; --bg-2:#ebebf8; --panel:#ffffff; --panel-2:#f7f7fd; --line:#e0e0f2; --line-2:#c9caea;
  --text:#191a3a; --muted:#64668a; --gold:#6c74d8; --gold-lite:#555dc4; --gold-deep:#c3c6f0; --ink-btn:#6c74d8; --ink-btn-2:#8289e2; --ice:#555dc4;
  --gold-grad:linear-gradient(135deg,#dcdefa 0%,#a9aef0 55%,#6c74d8 100%); --shadow:0 18px 40px rgba(40,40,110,.12); }
[data-scheme="periwinkle"] .btn-gold, [data-scheme="periwinkle"] .filter-chip.active { color: #fff; }

/* L6 — COASTAL SAND & DENIM: sandy off-white, denim-blue buttons */
[data-scheme="coastal"] { --bg:#f7f3ec; --bg-2:#efe8dc; --panel:#fffcf7; --panel-2:#f6f0e6; --line:#e4dacb; --line-2:#cfc0a8;
  --text:#1c2733; --muted:#6a675e; --gold:#3d6a99; --gold-lite:#30577f; --gold-deep:#b3c6db; --ink-btn:#3d6a99; --ink-btn-2:#5281b1; --ice:#30577f;
  --gold-grad:linear-gradient(135deg,#c7d7e8 0%,#86a7c8 55%,#3d6a99 100%); --shadow:0 18px 40px rgba(60,50,30,.12); }
[data-scheme="coastal"] .btn-gold, [data-scheme="coastal"] .filter-chip.active { color: #fff; }

/* L7 — ICE & SILVER: cool pale grey, icy-blue highlights, charcoal type */
[data-scheme="icesilver"] { --bg:#f4f7fa; --bg-2:#e9eef3; --panel:#ffffff; --panel-2:#f6f8fb; --line:#dfe5ec; --line-2:#c8d1dc;
  --text:#1b2129; --muted:#646e7a; --gold:#5aa3d9; --gold-lite:#3b86c0; --gold-deep:#b8d6ee; --ink-btn:#1b2129; --ink-btn-2:#343d48; --ice:#3b86c0;
  --gold-grad:linear-gradient(135deg,#d7eaf8 0%,#9ccbec 55%,#5aa3d9 100%); --shadow:0 18px 40px rgba(30,40,55,.12); }

/* shared fixes for every light scheme (rounds 1–3) */
[data-scheme="sky"] body, [data-scheme="cornflower"] body, [data-scheme="babyblue"] body, [data-scheme="ivorynavy"] body,
[data-scheme="periwinkle"] body, [data-scheme="coastal"] body, [data-scheme="icesilver"] body { background: var(--bg); }
[data-scheme="sky"] .site-header, [data-scheme="cornflower"] .site-header, [data-scheme="babyblue"] .site-header, [data-scheme="ivorynavy"] .site-header,
[data-scheme="periwinkle"] .site-header, [data-scheme="coastal"] .site-header, [data-scheme="icesilver"] .site-header { background: color-mix(in srgb, var(--bg) 92%, transparent); }
[data-scheme="sky"] .btn-gold, [data-scheme="babyblue"] .btn-gold, [data-scheme="ivorynavy"] .btn-gold, [data-scheme="icesilver"] .btn-gold { color: #f7f9fc; }
[data-scheme="sky"] .site-footer, [data-scheme="cornflower"] .site-footer, [data-scheme="babyblue"] .site-footer, [data-scheme="ivorynavy"] .site-footer,
[data-scheme="periwinkle"] .site-footer, [data-scheme="coastal"] .site-footer, [data-scheme="icesilver"] .site-footer { background: var(--text); color: #e9edf4; }
[data-scheme="sky"] .site-footer a, [data-scheme="sky"] .site-footer p, [data-scheme="cornflower"] .site-footer a, [data-scheme="cornflower"] .site-footer p,
[data-scheme="babyblue"] .site-footer a, [data-scheme="babyblue"] .site-footer p, [data-scheme="ivorynavy"] .site-footer a, [data-scheme="ivorynavy"] .site-footer p,
[data-scheme="periwinkle"] .site-footer a, [data-scheme="periwinkle"] .site-footer p, [data-scheme="coastal"] .site-footer a, [data-scheme="coastal"] .site-footer p,
[data-scheme="icesilver"] .site-footer a, [data-scheme="icesilver"] .site-footer p { color: #c3cad6; }

/* light schemes: the shared accent gradient starts near-white, which vanishes as headline text on a
   light page; give the gradient headline its own darker blend of the scheme's accent shades */
:is([data-scheme="ivory"], [data-scheme="powder"], [data-scheme="arctic"], [data-scheme="sky"], [data-scheme="cornflower"],
    [data-scheme="babyblue"], [data-scheme="ivorynavy"], [data-scheme="periwinkle"], [data-scheme="coastal"], [data-scheme="icesilver"]) .gold-text {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-lite) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
