/* moss active_baseline (generated) */
/* updatedAt: 2026-01-09T21:26:09Z */

/* Moss canonical BASELINE */
/* Palette library + canonical selection (scoped) */

/* Palette catalog (generated from palettes.js) */

:root[data-palette="mineral"][data-theme="dark"]{
  --bg: radial-gradient(1050px 720px at 30% 18%, rgba(80,116,175,.18) 0%, rgba(80,116,175,0) 62%), radial-gradient(900px 650px at 70% 32%, rgba(72,183,133,.12) 0%, rgba(72,183,133,0) 58%), radial-gradient(1100px 780px at 55% 80%, rgba(87,92,168,.10) 0%, rgba(87,92,168,0) 60%), linear-gradient(180deg,#0d1018 0%,#0a1016 55%,#07090f 100%);
  --text-primary: #e7e9f1;
  --text-secondary: #a5a8b6;
  --accent-indigo-rgb: 79 85 153;
  --accent-moss-rgb: 58 139 121;
  --accent-highlight: #bcd7f2;
  --surface: rgba(18,22,34,.78);
  --border: rgba(55,64,96,.52);
  --shadow-1: 0 1px 0 rgba(120,160,150,.04);
  --shadow-2: 0 16px 52px rgba(10,18,24,.55);
  --pill-active-bg: rgba(80,116,175,.14);
  --palette-chroma: 1;
  --accent-indigo: rgb(79 85 153);
  --accent-moss: rgb(58 139 121);
}
:root[data-palette="mineral"][data-theme="light"]{
  --bg: radial-gradient(1050px 620px at 28% 14%, rgba(80,116,175,.14) 0%, rgba(80,116,175,0) 64%), radial-gradient(980px 560px at 72% 18%, rgba(72,183,133,.12) 0%, rgba(72,183,133,0) 62%), linear-gradient(180deg,#f8f9fd 0%,#f4f5f8 100%);
  --surface: rgba(255,255,255,.90);
  --border: rgba(220,223,234,.92);
  --text-primary: #1c1e2a;
  --text-secondary: #62667a;
  --accent-indigo-rgb: 80 116 175;
  --accent-moss-rgb: 72 183 133;
  --accent-highlight: #2f3446;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(80,116,175,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(80 116 175);
  --accent-moss: rgb(72 183 133);
}

:root[data-palette="jade"][data-theme="dark"]{
  --bg: radial-gradient(1100px 700px at 35% 25%, rgba(87,168,138,.10) 0%, rgba(87,168,138,0) 60%), radial-gradient(900px 650px at 70% 30%, rgba(80,116,175,.10) 0%, rgba(80,116,175,0) 55%), linear-gradient(180deg,#0e1016 0%,#0b1115 50%,#080a10 100%);
  --text-primary: #e7e9f1;
  --text-secondary: #a5a8b6;
  --accent-indigo-rgb: 75 79 143;
  --accent-moss-rgb: 63 143 120;
  --accent-highlight: #cfd6f0;
  --surface: rgba(21,24,36,.80);
  --border: rgba(53,60,86,.55);
  --shadow-1: 0 1px 0 rgba(120,160,150,.04);
  --shadow-2: 0 12px 40px rgba(20,40,35,.35);
  --pill-active-bg: rgba(80,116,175,.14);
  --palette-chroma: 1;
  --accent-indigo: rgb(75 79 143);
  --accent-moss: rgb(63 143 120);
}
:root[data-palette="jade"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 32% 16%, rgba(87,168,138,.13) 0%, rgba(87,168,138,0) 66%), radial-gradient(980px 580px at 74% 18%, rgba(80,116,175,.11) 0%, rgba(80,116,175,0) 64%), linear-gradient(180deg,#f8f9fd 0%,#f4f5f8 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,223,234,.92);
  --text-primary: #1c1f2b;
  --text-secondary: #62667a;
  --accent-indigo-rgb: 80 116 175;
  --accent-moss-rgb: 87 168 138;
  --accent-highlight: #2f3446;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(87,168,138,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(80 116 175);
  --accent-moss: rgb(87 168 138);
}

:root[data-palette="obsidian"][data-theme="dark"]{
  --bg: radial-gradient(1000px 700px at 50% 20%, rgba(120,160,255,.08) 0%, rgba(120,160,255,0) 60%), linear-gradient(180deg,#05070c 0%,#030409 100%);
  --text-primary: #f1f3f9;
  --text-secondary: #9aa0b3;
  --accent-indigo-rgb: 122 162 255;
  --accent-moss-rgb: 79 209 197;
  --accent-highlight: #ffffff;
  --surface: rgba(14,16,24,.82);
  --border: rgba(80,90,130,.55);
  --shadow-1: 0 1px 0 rgba(255,255,255,.03);
  --shadow-2: 0 20px 60px rgba(0,0,0,.75);
  --pill-active-bg: rgba(120,160,255,.16);
  --palette-chroma: 1;
  --accent-indigo: rgb(122 162 255);
  --accent-moss: rgb(79 209 197);
}
:root[data-palette="obsidian"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 36% 16%, rgba(122,162,255,.14) 0%, rgba(122,162,255,0) 66%), radial-gradient(980px 580px at 74% 18%, rgba(79,209,197,.10) 0%, rgba(79,209,197,0) 66%), linear-gradient(180deg,#fafbff 0%,#f4f6fb 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(218,224,236,.92);
  --text-primary: #171a24;
  --text-secondary: #5e6576;
  --accent-indigo-rgb: 122 162 255;
  --accent-moss-rgb: 79 209 197;
  --accent-highlight: #2a2f3f;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(15,25,35,.10);
  --pill-active-bg: rgba(122,162,255,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(122 162 255);
  --accent-moss: rgb(79 209 197);
}

:root[data-palette="aurora"][data-theme="dark"]{
  --bg: radial-gradient(900px 700px at 20% 20%, rgba(120,200,255,.16) 0%, transparent 60%), radial-gradient(900px 700px at 80% 30%, rgba(180,120,255,.14) 0%, transparent 60%), radial-gradient(900px 700px at 50% 80%, rgba(120,255,200,.12) 0%, transparent 60%), linear-gradient(180deg,#0a0b12 0%,#05060a 100%);
  --text-primary: #eef1ff;
  --text-secondary: #a8accf;
  --accent-indigo-rgb: 157 123 255;
  --accent-moss-rgb: 92 225 182;
  --accent-highlight: #ffffff;
  --surface: rgba(18,20,36,.80);
  --border: rgba(100,110,180,.55);
  --shadow-1: 0 1px 0 rgba(255,255,255,.05);
  --shadow-2: 0 20px 60px rgba(0,0,0,.7);
  --pill-active-bg: rgba(157,123,255,.18);
  --palette-chroma: 1;
  --accent-indigo: rgb(157 123 255);
  --accent-moss: rgb(92 225 182);
}
:root[data-palette="aurora"][data-theme="light"]{
  --bg: radial-gradient(1050px 620px at 22% 14%, rgba(120,200,255,.16) 0%, rgba(120,200,255,0) 66%), radial-gradient(1050px 620px at 78% 18%, rgba(180,120,255,.14) 0%, rgba(180,120,255,0) 66%), radial-gradient(1050px 680px at 52% 82%, rgba(120,255,200,.12) 0%, rgba(120,255,200,0) 66%), linear-gradient(180deg,#fafbff 0%,#f4f5f8 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(218,224,236,.92);
  --text-primary: #171a28;
  --text-secondary: #5e647a;
  --accent-indigo-rgb: 157 123 255;
  --accent-moss-rgb: 92 225 182;
  --accent-highlight: #2a2f45;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 52px rgba(20,30,40,.10);
  --pill-active-bg: rgba(157,123,255,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(157 123 255);
  --accent-moss: rgb(92 225 182);
}

:root[data-palette="cobalt"][data-theme="dark"]{
  --bg: radial-gradient(1000px 700px at 35% 20%, rgba(70,110,200,.18) 0%, transparent 60%), linear-gradient(180deg,#0b1020 0%,#060913 100%);
  --text-primary: #e9edfb;
  --text-secondary: #a3acd1;
  --accent-indigo-rgb: 91 124 255;
  --accent-moss-rgb: 79 156 255;
  --accent-highlight: #dbe4ff;
  --surface: rgba(18,22,38,.82);
  --border: rgba(80,95,160,.55);
  --shadow-1: 0 1px 0 rgba(255,255,255,.04);
  --shadow-2: 0 18px 56px rgba(0,0,0,.7);
  --pill-active-bg: rgba(91,124,255,.16);
  --palette-chroma: 1;
  --accent-indigo: rgb(91 124 255);
  --accent-moss: rgb(79 156 255);
}
:root[data-palette="cobalt"][data-theme="light"]{
  --bg: radial-gradient(1050px 640px at 32% 14%, rgba(70,110,200,.16) 0%, rgba(70,110,200,0) 66%), radial-gradient(980px 580px at 74% 18%, rgba(91,124,255,.10) 0%, rgba(91,124,255,0) 66%), linear-gradient(180deg,#f9faff 0%,#f4f6fb 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(218,224,236,.92);
  --text-primary: #171a26;
  --text-secondary: #5e6578;
  --accent-indigo-rgb: 91 124 255;
  --accent-moss-rgb: 79 156 255;
  --accent-highlight: #27304a;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 52px rgba(20,30,40,.10);
  --pill-active-bg: rgba(91,124,255,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(91 124 255);
  --accent-moss: rgb(79 156 255);
}

:root[data-palette="plasma-soft"][data-theme="dark"]{
  --bg: radial-gradient(900px 650px at 32% 24%, rgba(210,110,220,.12) 0%, transparent 62%), radial-gradient(900px 650px at 72% 30%, rgba(90,170,220,.12) 0%, transparent 62%), linear-gradient(180deg,#0c0a14 0%,#05040a 100%);
  --text-primary: #f2effa;
  --text-secondary: #b3adca;
  --accent-indigo-rgb: 210 137 220;
  --accent-moss-rgb: 111 185 216;
  --accent-highlight: #ffffff;
  --surface: rgba(20,18,34,.82);
  --border: rgba(120,110,170,.52);
  --shadow-1: 0 1px 0 rgba(255,255,255,.04);
  --shadow-2: 0 22px 60px rgba(0,0,0,.75);
  --pill-active-bg: rgba(210,137,220,.16);
  --palette-chroma: 1;
  --accent-indigo: rgb(210 137 220);
  --accent-moss: rgb(111 185 216);
}
:root[data-palette="plasma-soft"][data-theme="light"]{
  --bg: radial-gradient(1050px 620px at 32% 16%, rgba(210,137,220,.14) 0%, rgba(210,137,220,0) 66%), radial-gradient(980px 580px at 74% 18%, rgba(111,185,216,.14) 0%, rgba(111,185,216,0) 66%), linear-gradient(180deg,#fbfaff 0%,#f5f4fb 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,223,234,.92);
  --text-primary: #1a1626;
  --text-secondary: #5f5a72;
  --accent-indigo-rgb: 210 137 220;
  --accent-moss-rgb: 111 185 216;
  --accent-highlight: #2c243e;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 52px rgba(20,20,40,.10);
  --pill-active-bg: rgba(210,137,220,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(210 137 220);
  --accent-moss: rgb(111 185 216);
}

:root[data-palette="plasma-x2"][data-theme="dark"]{
  --bg: radial-gradient(900px 650px at 30% 25%, rgba(255,80,200,.18) 0%, transparent 60%), radial-gradient(900px 650px at 70% 30%, rgba(80,180,255,.18) 0%, transparent 60%), linear-gradient(180deg,#0b0714 0%,#05030a 100%);
  --text-primary: #f6efff;
  --text-secondary: #b7a8d6;
  --accent-indigo-rgb: 255 95 210;
  --accent-moss-rgb: 79 210 255;
  --accent-highlight: #ffffff;
  --surface: rgba(20,16,36,.82);
  --border: rgba(140,90,200,.55);
  --shadow-1: 0 1px 0 rgba(255,255,255,.05);
  --shadow-2: 0 22px 60px rgba(0,0,0,.78);
  --pill-active-bg: rgba(255,95,210,.18);
  --palette-chroma: 1;
  --accent-indigo: rgb(255 95 210);
  --accent-moss: rgb(79 210 255);
}
:root[data-palette="plasma-x2"][data-theme="light"]{
  --bg: radial-gradient(1050px 620px at 30% 16%, rgba(255,95,210,.16) 0%, rgba(255,95,210,0) 66%), radial-gradient(980px 580px at 72% 18%, rgba(79,210,255,.14) 0%, rgba(79,210,255,0) 66%), linear-gradient(180deg,#fbfaff 0%,#f5f4fb 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,223,234,.92);
  --text-primary: #1a1526;
  --text-secondary: #5f5a72;
  --accent-indigo-rgb: 255 95 210;
  --accent-moss-rgb: 79 210 255;
  --accent-highlight: #2c2340;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 52px rgba(20,20,40,.10);
  --pill-active-bg: rgba(255,95,210,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(255 95 210);
  --accent-moss: rgb(79 210 255);
}

:root[data-palette="ink"][data-theme="dark"]{
  --bg: linear-gradient(180deg,#0b0b0c 0%,#060607 100%);
  --text-primary: #f7f7f8;
  --text-secondary: #a1a1a6;
  --accent-indigo-rgb: 255 255 255;
  --accent-moss-rgb: 189 189 194;
  --accent-highlight: #ffffff;
  --surface: rgba(22,22,24,.88);
  --border: rgba(110,110,120,.50);
  --shadow-1: 0 1px 0 rgba(255,255,255,.04);
  --shadow-2: 0 18px 50px rgba(0,0,0,.82);
  --pill-active-bg: rgba(255,255,255,.12);
  --palette-chroma: 1;
  --accent-indigo: rgb(255 255 255);
  --accent-moss: rgb(189 189 194);
}
:root[data-palette="ink"][data-theme="light"]{
  --bg: linear-gradient(180deg,#fbfbfc 0%,#f3f4f6 100%);
  --surface: rgba(255,255,255,.94);
  --border: rgba(218,220,228,.92);
  --text-primary: #121316;
  --text-secondary: #5b5c62;
  --accent-indigo-rgb: 40 40 44;
  --accent-moss-rgb: 110 112 118;
  --accent-highlight: #000000;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(40,40,44,.08);
  --palette-chroma: 1;
  --accent-indigo: rgb(40 40 44);
  --accent-moss: rgb(110 112 118);
}

:root[data-palette="slate"][data-theme="dark"]{
  --bg: linear-gradient(180deg,#101215 0%,#0a0c0f 100%);
  --text-primary: #eef1f5;
  --text-secondary: #a2a9b3;
  --accent-indigo-rgb: 154 164 178;
  --accent-moss-rgb: 127 136 150;
  --accent-highlight: #ffffff;
  --surface: rgba(22,24,28,.82);
  --border: rgba(95,105,120,.52);
  --shadow-1: 0 1px 0 rgba(255,255,255,.03);
  --shadow-2: 0 18px 48px rgba(0,0,0,.70);
  --pill-active-bg: rgba(154,164,178,.14);
  --palette-chroma: 1;
  --accent-indigo: rgb(154 164 178);
  --accent-moss: rgb(127 136 150);
}
:root[data-palette="slate"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 40% 18%, rgba(154,164,178,.10) 0%, rgba(154,164,178,0) 66%), linear-gradient(180deg,#fbfbfd 0%,#f4f5f8 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,223,234,.92);
  --text-primary: #151823;
  --text-secondary: #5c6470;
  --accent-indigo-rgb: 154 164 178;
  --accent-moss-rgb: 127 136 150;
  --accent-highlight: #2a2f3f;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(154,164,178,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(154 164 178);
  --accent-moss: rgb(127 136 150);
}

:root[data-palette="graphite"][data-theme="dark"]{
  --bg: radial-gradient(1000px 700px at 40% 18%, rgba(120,150,190,.09) 0%, transparent 62%), linear-gradient(180deg,#0f1116 0%,#090b10 100%);
  --text-primary: #edf0f6;
  --text-secondary: #9aa2b0;
  --accent-indigo-rgb: 142 161 187;
  --accent-moss-rgb: 111 127 150;
  --accent-highlight: #ffffff;
  --surface: rgba(22,24,30,.82);
  --border: rgba(90,100,130,.50);
  --shadow-1: 0 1px 0 rgba(255,255,255,.03);
  --shadow-2: 0 18px 52px rgba(0,0,0,.72);
  --pill-active-bg: rgba(142,161,187,.14);
  --palette-chroma: 1;
  --accent-indigo: rgb(142 161 187);
  --accent-moss: rgb(111 127 150);
}
:root[data-palette="graphite"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 40% 18%, rgba(120,150,190,.12) 0%, rgba(120,150,190,0) 66%), linear-gradient(180deg,#fafbff 0%,#f4f6fb 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(218,224,236,.92);
  --text-primary: #171a24;
  --text-secondary: #60667a;
  --accent-indigo-rgb: 142 161 187;
  --accent-moss-rgb: 111 127 150;
  --accent-highlight: #2a2f3f;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(142,161,187,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(142 161 187);
  --accent-moss: rgb(111 127 150);
}

:root[data-palette="polar"][data-theme="dark"]{
  --bg: radial-gradient(1000px 700px at 40% 18%, rgba(160,190,255,.10) 0%, transparent 64%), linear-gradient(180deg,#0e1218 0%,#080a10 100%);
  --text-primary: #f1f4fb;
  --text-secondary: #a7afc4;
  --accent-indigo-rgb: 183 201 255;
  --accent-moss-rgb: 159 181 230;
  --accent-highlight: #ffffff;
  --surface: rgba(20,24,34,.82);
  --border: rgba(110,120,150,.52);
  --shadow-1: 0 1px 0 rgba(255,255,255,.04);
  --shadow-2: 0 18px 52px rgba(0,0,0,.72);
  --pill-active-bg: rgba(183,201,255,.14);
  --palette-chroma: 1;
  --accent-indigo: rgb(183 201 255);
  --accent-moss: rgb(159 181 230);
}
:root[data-palette="polar"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 40% 18%, rgba(183,201,255,.14) 0%, rgba(183,201,255,0) 66%), linear-gradient(180deg,#fbfcff 0%,#f3f6ff 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(218,224,236,.92);
  --text-primary: #151a24;
  --text-secondary: #5c6476;
  --accent-indigo-rgb: 183 201 255;
  --accent-moss-rgb: 159 181 230;
  --accent-highlight: #2a2f3f;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(183,201,255,.10);
  --palette-chroma: 1;
  --accent-indigo: rgb(183 201 255);
  --accent-moss: rgb(159 181 230);
}

:root[data-palette="garnet"][data-theme="dark"]{
  --bg: radial-gradient(1000px 700px at 32% 20%, rgba(170,90,120,.085) 0%, rgba(170,90,120,0) 64%), radial-gradient(900px 650px at 74% 34%, rgba(85,80,135,.075) 0%, rgba(85,80,135,0) 62%), linear-gradient(180deg,#0e0f12 0%,#07080b 100%);
  --text-primary: #f0f2f4;
  --text-secondary: #aeb0b6;
  --accent-indigo-rgb: 200 92 132;
  --accent-moss-rgb: 135 115 210;
  --accent-highlight: #f7f7ff;
  --surface: rgba(18,22,26,.84);
  --border: rgba(100,108,118,.48);
  --shadow-1: 0 1px 0 rgba(245,245,255,.03);
  --shadow-2: 0 20px 56px rgba(0,0,0,.76);
  --pill-active-bg: rgba(200,92,132,.13);
  --palette-chroma: 0.78;
  --accent-indigo: rgb(200 92 132);
  --accent-moss: rgb(135 115 210);
}
:root[data-palette="garnet"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 30% 16%, rgba(200,92,132,.16) 0%, rgba(200,92,132,0) 66%), radial-gradient(980px 580px at 72% 20%, rgba(135,115,210,.10) 0%, rgba(135,115,210,0) 66%), linear-gradient(180deg,#fafbff 0%,#f4f5f8 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,234,.92);
  --text-primary: #1b1d26;
  --text-secondary: #616474;
  --accent-indigo-rgb: 200 92 132;
  --accent-moss-rgb: 135 115 210;
  --accent-highlight: #2a2a38;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(200,92,132,.10);
  --palette-chroma: 0.78;
  --accent-indigo: rgb(200 92 132);
  --accent-moss: rgb(135 115 210);
}

:root[data-palette="garnetBloom"][data-theme="dark"]{
  --bg: radial-gradient(1100px 760px at 30% 22%, rgba(200,92,132,.12) 0%, rgba(200,92,132,0) 62%), radial-gradient(520px 420px at 42% 30%, rgba(255,140,190,.06) 0%, rgba(255,140,190,0) 62%), radial-gradient(980px 720px at 76% 36%, rgba(85,80,135,.095) 0%, rgba(85,80,135,0) 64%), linear-gradient(180deg,#0e0f12 0%,#07080b 100%);
  --text-primary: #f0f2f4;
  --text-secondary: #aeb0b6;
  --accent-indigo-rgb: 200 92 132;
  --accent-moss-rgb: 135 115 210;
  --accent-highlight: #f7f7ff;
  --surface: rgba(18,22,26,.84);
  --border: rgba(100,108,118,.48);
  --shadow-1: 0 1px 0 rgba(245,245,255,.03);
  --shadow-2: 0 20px 56px rgba(0,0,0,.76);
  --pill-active-bg: rgba(200,92,132,.16);
  --palette-chroma: 0.84;
  --accent-indigo: rgb(200 92 132);
  --accent-moss: rgb(135 115 210);
}
:root[data-palette="garnetBloom"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 30% 16%, rgba(200,92,132,.19) 0%, rgba(200,92,132,0) 66%), radial-gradient(900px 560px at 44% 26%, rgba(255,140,190,.08) 0%, rgba(255,140,190,0) 66%), radial-gradient(980px 580px at 72% 20%, rgba(135,115,210,.12) 0%, rgba(135,115,210,0) 66%), linear-gradient(180deg,#fbfbff 0%,#f5f5fa 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,234,.92);
  --text-primary: #1b1d26;
  --text-secondary: #616474;
  --accent-indigo-rgb: 200 92 132;
  --accent-moss-rgb: 135 115 210;
  --accent-highlight: #2a2a38;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(200,92,132,.11);
  --palette-chroma: 0.84;
  --accent-indigo: rgb(200 92 132);
  --accent-moss: rgb(135 115 210);
}

:root[data-palette="garnetNoir"][data-theme="dark"]{
  --bg: radial-gradient(1200px 820px at 28% 22%, rgba(160,60,95,.11) 0%, rgba(160,60,95,0) 66%), radial-gradient(1100px 820px at 78% 38%, rgba(55,60,120,.11) 0%, rgba(55,60,120,0) 66%), radial-gradient(900px 650px at 54% 70%, rgba(120,85,70,.05) 0%, rgba(120,85,70,0) 62%), linear-gradient(180deg,#0d0e12 0%,#06070a 100%);
  --text-primary: #f0f2f4;
  --text-secondary: #aeb0b6;
  --accent-indigo-rgb: 190 80 122;
  --accent-moss-rgb: 130 110 205;
  --accent-highlight: #f7f7ff;
  --surface: rgba(18,22,26,.84);
  --border: rgba(100,108,118,.48);
  --shadow-1: 0 1px 0 rgba(245,245,255,.03);
  --shadow-2: 0 22px 60px rgba(0,0,0,.78);
  --pill-active-bg: rgba(190,80,122,.15);
  --palette-chroma: 0.80;
  --accent-indigo: rgb(190 80 122);
  --accent-moss: rgb(130 110 205);
}
:root[data-palette="garnetNoir"][data-theme="light"]{
  --bg: radial-gradient(1150px 660px at 28% 16%, rgba(160,60,95,.15) 0%, rgba(160,60,95,0) 68%), radial-gradient(1100px 660px at 78% 20%, rgba(55,60,120,.12) 0%, rgba(55,60,120,0) 68%), radial-gradient(900px 600px at 54% 74%, rgba(120,85,70,.08) 0%, rgba(120,85,70,0) 66%), linear-gradient(180deg,#fafbff 0%,#f3f4f8 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,234,.92);
  --text-primary: #1b1d26;
  --text-secondary: #616474;
  --accent-indigo-rgb: 190 80 122;
  --accent-moss-rgb: 130 110 205;
  --accent-highlight: #2a2a38;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(190,80,122,.10);
  --palette-chroma: 0.80;
  --accent-indigo: rgb(190 80 122);
  --accent-moss: rgb(130 110 205);
}

:root[data-palette="moss"][data-theme="dark"]{
  --bg: radial-gradient(1050px 720px at 32% 24%, rgba(55,145,120,.085) 0%, rgba(55,145,120,0) 64%), radial-gradient(900px 650px at 74% 34%, rgba(110,85,55,.085) 0%, rgba(110,85,55,0) 60%), linear-gradient(180deg,#0b0f11 0%,#07090b 100%);
  --text-primary: #eef2f3;
  --text-secondary: #a6afb2;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #e9fff4;
  --surface: rgba(18,22,26,.84);
  --border: rgba(95,105,110,.48);
  --shadow-1: 0 1px 0 rgba(235,245,245,.03);
  --shadow-2: 0 20px 56px rgba(0,0,0,.72);
  --pill-active-bg: rgba(70,175,135,.13);
  --palette-chroma: 0.76;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}
:root[data-palette="moss"][data-theme="light"]{
  --bg: radial-gradient(1100px 640px at 30% 16%, rgba(70,175,135,.16) 0%, rgba(70,175,135,0) 66%), radial-gradient(980px 580px at 72% 22%, rgba(110,85,55,.10) 0%, rgba(110,85,55,0) 66%), linear-gradient(180deg,#f8faf9 0%,#f2f4f3 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,230,.92);
  --text-primary: #1b1f22;
  --text-secondary: #60696a;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #2b3a34;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(70,175,135,.10);
  --palette-chroma: 0.76;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}

:root[data-palette="mossCanopy"][data-theme="dark"]{
  --bg: radial-gradient(1150px 780px at 30% 22%, rgba(70,175,135,.12) 0%, rgba(70,175,135,0) 62%), radial-gradient(1050px 740px at 78% 34%, rgba(70,90,150,.09) 0%, rgba(70,90,150,0) 64%), radial-gradient(900px 650px at 60% 72%, rgba(110,85,55,.08) 0%, rgba(110,85,55,0) 62%), linear-gradient(180deg,#0b0f11 0%,#07090b 100%);
  --text-primary: #eef2f3;
  --text-secondary: #a6afb2;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #e9fff4;
  --surface: rgba(18,22,26,.84);
  --border: rgba(95,105,110,.48);
  --shadow-1: 0 1px 0 rgba(235,245,245,.03);
  --shadow-2: 0 20px 56px rgba(0,0,0,.72);
  --pill-active-bg: rgba(70,175,135,.16);
  --palette-chroma: 0.82;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}
:root[data-palette="mossCanopy"][data-theme="light"]{
  --bg: radial-gradient(1150px 640px at 30% 16%, rgba(70,175,135,.18) 0%, rgba(70,175,135,0) 66%), radial-gradient(980px 580px at 76% 20%, rgba(70,90,150,.12) 0%, rgba(70,90,150,0) 66%), radial-gradient(900px 600px at 60% 78%, rgba(110,85,55,.10) 0%, rgba(110,85,55,0) 66%), linear-gradient(180deg,#f8faf9 0%,#f2f4f3 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,230,.92);
  --text-primary: #1b1f22;
  --text-secondary: #60696a;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #2b3a34;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(70,175,135,.11);
  --palette-chroma: 0.82;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}

:root[data-palette="mossStone"][data-theme="dark"]{
  --bg: radial-gradient(1200px 820px at 30% 24%, rgba(55,145,120,.11) 0%, rgba(55,145,120,0) 66%), radial-gradient(1100px 800px at 76% 34%, rgba(90,110,135,.10) 0%, rgba(90,110,135,0) 66%), radial-gradient(900px 650px at 52% 74%, rgba(95,75,55,.075) 0%, rgba(95,75,55,0) 62%), linear-gradient(180deg,#0a0d10 0%,#06080a 100%);
  --text-primary: #eef2f3;
  --text-secondary: #a6afb2;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #e9fff4;
  --surface: rgba(18,22,26,.84);
  --border: rgba(95,105,110,.48);
  --shadow-1: 0 1px 0 rgba(235,245,245,.03);
  --shadow-2: 0 22px 60px rgba(0,0,0,.74);
  --pill-active-bg: rgba(70,175,135,.15);
  --palette-chroma: 0.80;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}
:root[data-palette="mossStone"][data-theme="light"]{
  --bg: radial-gradient(1200px 660px at 30% 16%, rgba(55,145,120,.15) 0%, rgba(55,145,120,0) 68%), radial-gradient(1100px 660px at 76% 20%, rgba(90,110,135,.14) 0%, rgba(90,110,135,0) 68%), radial-gradient(900px 600px at 52% 78%, rgba(95,75,55,.11) 0%, rgba(95,75,55,0) 66%), linear-gradient(180deg,#fafbfc 0%,#f2f4f6 100%);
  --surface: rgba(255,255,255,.92);
  --border: rgba(220,224,230,.92);
  --text-primary: #191e22;
  --text-secondary: #5f676b;
  --accent-indigo-rgb: 70 175 135;
  --accent-moss-rgb: 92 110 88;
  --accent-highlight: #2b3a34;
  --shadow-1: 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 18px 50px rgba(20,30,40,.10);
  --pill-active-bg: rgba(70,175,135,.10);
  --palette-chroma: 0.80;
  --accent-indigo: rgb(70 175 135);
  --accent-moss: rgb(92 110 88);
}

/* Canonical selection (scoped to current palette+theme) */
:root[data-palette="aurora"][data-theme="dark"]{
  --bg: radial-gradient(900px 700px at 20% 20%, rgba(120,200,255,.16) 0%, transparent 60%), radial-gradient(900px 700px at 80% 30%, rgba(180,120,255,.14) 0%, transparent 60%), radial-gradient(900px 700px at 50% 80%, rgba(120,255,200,.12) 0%, transparent 60%), linear-gradient(180deg,#0a0b12 0%,#05060a 100%);
  --text-primary: #eef1ff;
  --text-secondary: #a8accf;
  --accent-indigo-rgb: 157 123 255;
  --accent-moss-rgb: 92 225 182;
  --palette-chroma: 1;
  --accent-indigo: rgb(157 123 255);
  --accent-moss: rgb(92 225 182);
  --accent-highlight: #ffffff;
  --surface: rgba(18,20,36,.80);
  --surface-live: rgba(18, 20, 36, 0);
  --border: rgba(100,110,180,.55);
  --shadow-1: 0 1px 0 rgba(255,255,255,.05);
  --shadow-2: 0 20px 60px rgba(0,0,0,.7);
  --pill-active-bg: rgba(157,123,255,.18);
  --sheen-base-opacity: 0.95;
  --card-sheen: 1;
  --swatch-sheen: 0;
  --btn-rest-sheen: 0;
  --btn-hover-sheen: 1;
  --bleed0: 16%;
  --bleed1: 26%;
  --bleed2: 32%;
}

html{ background: var(--bg); }
body{ background: transparent; color: var(--text-primary); }