/* Showcase themes: Tailwind CSS v4.3.3 palettes (MIT) over the suprnova-ui tokens. */
:root[data-theme="light"][data-sn-accent="red"] {
  --sn-color-primary: oklch(57.7% 0.245 27.325);
  --sn-color-primary-hover: oklch(50.5% 0.213 27.518);
  --sn-color-primary-active: oklch(44.4% 0.177 26.899);
  --sn-color-primary-soft: oklch(93.6% 0.032 17.717);
  --sn-color-focus-ring: oklch(63.7% 0.237 25.331);
}
:root[data-theme="dark"][data-sn-accent="red"] {
  --sn-color-primary: oklch(70.4% 0.191 22.216);
  --sn-color-primary-hover: oklch(80.8% 0.114 19.571);
  --sn-color-primary-active: oklch(88.5% 0.062 18.334);
  --sn-color-primary-contrast: oklch(25.8% 0.092 26.042);
  --sn-color-primary-soft: oklch(39.6% 0.141 25.723);
  --sn-color-focus-ring: oklch(70.4% 0.191 22.216);
}
:root[data-theme="light"][data-sn-accent="orange"] {
  --sn-color-primary: oklch(64.6% 0.222 41.116);
  --sn-color-primary-hover: oklch(55.3% 0.195 38.402);
  --sn-color-primary-active: oklch(47% 0.157 37.304);
  --sn-color-primary-soft: oklch(95.4% 0.038 75.164);
  --sn-color-focus-ring: oklch(70.5% 0.213 47.604);
}
:root[data-theme="dark"][data-sn-accent="orange"] {
  --sn-color-primary: oklch(75% 0.183 55.934);
  --sn-color-primary-hover: oklch(83.7% 0.128 66.29);
  --sn-color-primary-active: oklch(90.1% 0.076 70.697);
  --sn-color-primary-contrast: oklch(26.6% 0.079 36.259);
  --sn-color-primary-soft: oklch(40.8% 0.123 38.172);
  --sn-color-focus-ring: oklch(75% 0.183 55.934);
}
:root[data-theme="light"][data-sn-accent="amber"] {
  --sn-color-primary: oklch(66.6% 0.179 58.318);
  --sn-color-primary-hover: oklch(55.5% 0.163 48.998);
  --sn-color-primary-active: oklch(47.3% 0.137 46.201);
  --sn-color-primary-soft: oklch(96.2% 0.059 95.617);
  --sn-color-focus-ring: oklch(76.9% 0.188 70.08);
}
:root[data-theme="dark"][data-sn-accent="amber"] {
  --sn-color-primary: oklch(82.8% 0.189 84.429);
  --sn-color-primary-hover: oklch(87.9% 0.169 91.605);
  --sn-color-primary-active: oklch(92.4% 0.12 95.746);
  --sn-color-primary-contrast: oklch(27.9% 0.077 45.635);
  --sn-color-primary-soft: oklch(41.4% 0.112 45.904);
  --sn-color-focus-ring: oklch(82.8% 0.189 84.429);
}
:root[data-theme="light"][data-sn-accent="yellow"] {
  --sn-color-primary: oklch(68.1% 0.162 75.834);
  --sn-color-primary-hover: oklch(55.4% 0.135 66.442);
  --sn-color-primary-active: oklch(47.6% 0.114 61.907);
  --sn-color-primary-soft: oklch(97.3% 0.071 103.193);
  --sn-color-focus-ring: oklch(79.5% 0.184 86.047);
}
:root[data-theme="dark"][data-sn-accent="yellow"] {
  --sn-color-primary: oklch(85.2% 0.199 91.936);
  --sn-color-primary-hover: oklch(90.5% 0.182 98.111);
  --sn-color-primary-active: oklch(94.5% 0.129 101.54);
  --sn-color-primary-contrast: oklch(28.6% 0.066 53.813);
  --sn-color-primary-soft: oklch(42.1% 0.095 57.708);
  --sn-color-focus-ring: oklch(85.2% 0.199 91.936);
}
:root[data-theme="light"][data-sn-accent="lime"] {
  --sn-color-primary: oklch(64.8% 0.2 131.684);
  --sn-color-primary-hover: oklch(53.2% 0.157 131.589);
  --sn-color-primary-active: oklch(45.3% 0.124 130.933);
  --sn-color-primary-soft: oklch(96.7% 0.067 122.328);
  --sn-color-focus-ring: oklch(76.8% 0.233 130.85);
}
:root[data-theme="dark"][data-sn-accent="lime"] {
  --sn-color-primary: oklch(84.1% 0.238 128.85);
  --sn-color-primary-hover: oklch(89.7% 0.196 126.665);
  --sn-color-primary-active: oklch(93.8% 0.127 124.321);
  --sn-color-primary-contrast: oklch(27.4% 0.072 132.109);
  --sn-color-primary-soft: oklch(40.5% 0.101 131.063);
  --sn-color-focus-ring: oklch(84.1% 0.238 128.85);
}
:root[data-theme="light"][data-sn-accent="green"] {
  --sn-color-primary: oklch(62.7% 0.194 149.214);
  --sn-color-primary-hover: oklch(52.7% 0.154 150.069);
  --sn-color-primary-active: oklch(44.8% 0.119 151.328);
  --sn-color-primary-soft: oklch(96.2% 0.044 156.743);
  --sn-color-focus-ring: oklch(72.3% 0.219 149.579);
}
:root[data-theme="dark"][data-sn-accent="green"] {
  --sn-color-primary: oklch(79.2% 0.209 151.711);
  --sn-color-primary-hover: oklch(87.1% 0.15 154.449);
  --sn-color-primary-active: oklch(92.5% 0.084 155.995);
  --sn-color-primary-contrast: oklch(26.6% 0.065 152.934);
  --sn-color-primary-soft: oklch(39.3% 0.095 152.535);
  --sn-color-focus-ring: oklch(79.2% 0.209 151.711);
}
:root[data-theme="light"][data-sn-accent="emerald"] {
  --sn-color-primary: oklch(59.6% 0.145 163.225);
  --sn-color-primary-hover: oklch(50.8% 0.118 165.612);
  --sn-color-primary-active: oklch(43.2% 0.095 166.913);
  --sn-color-primary-soft: oklch(95% 0.052 163.051);
  --sn-color-focus-ring: oklch(69.6% 0.17 162.48);
}
:root[data-theme="dark"][data-sn-accent="emerald"] {
  --sn-color-primary: oklch(76.5% 0.177 163.223);
  --sn-color-primary-hover: oklch(84.5% 0.143 164.978);
  --sn-color-primary-active: oklch(90.5% 0.093 164.15);
  --sn-color-primary-contrast: oklch(26.2% 0.051 172.552);
  --sn-color-primary-soft: oklch(37.8% 0.077 168.94);
  --sn-color-focus-ring: oklch(76.5% 0.177 163.223);
}
:root[data-theme="light"][data-sn-accent="teal"] {
  --sn-color-primary: oklch(60% 0.118 184.704);
  --sn-color-primary-hover: oklch(51.1% 0.096 186.391);
  --sn-color-primary-active: oklch(43.7% 0.078 188.216);
  --sn-color-primary-soft: oklch(95.3% 0.051 180.801);
  --sn-color-focus-ring: oklch(70.4% 0.14 182.503);
}
:root[data-theme="dark"][data-sn-accent="teal"] {
  --sn-color-primary: oklch(77.7% 0.152 181.912);
  --sn-color-primary-hover: oklch(85.5% 0.138 181.071);
  --sn-color-primary-active: oklch(91% 0.096 180.426);
  --sn-color-primary-contrast: oklch(27.7% 0.046 192.524);
  --sn-color-primary-soft: oklch(38.6% 0.063 188.416);
  --sn-color-focus-ring: oklch(77.7% 0.152 181.912);
}
:root[data-theme="light"][data-sn-accent="cyan"] {
  --sn-color-primary: oklch(60.9% 0.126 221.723);
  --sn-color-primary-hover: oklch(52% 0.105 223.128);
  --sn-color-primary-active: oklch(45% 0.085 224.283);
  --sn-color-primary-soft: oklch(95.6% 0.045 203.388);
  --sn-color-focus-ring: oklch(71.5% 0.143 215.221);
}
:root[data-theme="dark"][data-sn-accent="cyan"] {
  --sn-color-primary: oklch(78.9% 0.154 211.53);
  --sn-color-primary-hover: oklch(86.5% 0.127 207.078);
  --sn-color-primary-active: oklch(91.7% 0.08 205.041);
  --sn-color-primary-contrast: oklch(30.2% 0.056 229.695);
  --sn-color-primary-soft: oklch(39.8% 0.07 227.392);
  --sn-color-focus-ring: oklch(78.9% 0.154 211.53);
}
:root[data-theme="light"][data-sn-accent="sky"] {
  --sn-color-primary: oklch(58.8% 0.158 241.966);
  --sn-color-primary-hover: oklch(50% 0.134 242.749);
  --sn-color-primary-active: oklch(44.3% 0.11 240.79);
  --sn-color-primary-soft: oklch(95.1% 0.026 236.824);
  --sn-color-focus-ring: oklch(68.5% 0.169 237.323);
}
:root[data-theme="dark"][data-sn-accent="sky"] {
  --sn-color-primary: oklch(74.6% 0.16 232.661);
  --sn-color-primary-hover: oklch(82.8% 0.111 230.318);
  --sn-color-primary-active: oklch(90.1% 0.058 230.902);
  --sn-color-primary-contrast: oklch(29.3% 0.066 243.157);
  --sn-color-primary-soft: oklch(39.1% 0.09 240.876);
  --sn-color-focus-ring: oklch(74.6% 0.16 232.661);
}
:root[data-theme="light"][data-sn-accent="blue"] {
  --sn-color-primary: oklch(54.6% 0.245 262.881);
  --sn-color-primary-hover: oklch(48.8% 0.243 264.376);
  --sn-color-primary-active: oklch(42.4% 0.199 265.638);
  --sn-color-primary-soft: oklch(93.2% 0.032 255.585);
  --sn-color-focus-ring: oklch(62.3% 0.214 259.815);
}
:root[data-theme="dark"][data-sn-accent="blue"] {
  --sn-color-primary: oklch(70.7% 0.165 254.624);
  --sn-color-primary-hover: oklch(80.9% 0.105 251.813);
  --sn-color-primary-active: oklch(88.2% 0.059 254.128);
  --sn-color-primary-contrast: oklch(28.2% 0.091 267.935);
  --sn-color-primary-soft: oklch(37.9% 0.146 265.522);
  --sn-color-focus-ring: oklch(70.7% 0.165 254.624);
}
:root[data-theme="light"][data-sn-accent="indigo"] {
  --sn-color-primary: oklch(51.1% 0.262 276.966);
  --sn-color-primary-hover: oklch(45.7% 0.24 277.023);
  --sn-color-primary-active: oklch(39.8% 0.195 277.366);
  --sn-color-primary-soft: oklch(93% 0.034 272.788);
  --sn-color-focus-ring: oklch(58.5% 0.233 277.117);
}
:root[data-theme="dark"][data-sn-accent="indigo"] {
  --sn-color-primary: oklch(67.3% 0.182 276.935);
  --sn-color-primary-hover: oklch(78.5% 0.115 274.713);
  --sn-color-primary-active: oklch(87% 0.065 274.039);
  --sn-color-primary-contrast: oklch(25.7% 0.09 281.288);
  --sn-color-primary-soft: oklch(35.9% 0.144 278.697);
  --sn-color-focus-ring: oklch(67.3% 0.182 276.935);
}
:root[data-theme="light"][data-sn-accent="violet"] {
  --sn-color-primary: oklch(54.1% 0.281 293.009);
  --sn-color-primary-hover: oklch(49.1% 0.27 292.581);
  --sn-color-primary-active: oklch(43.2% 0.232 292.759);
  --sn-color-primary-soft: oklch(94.3% 0.029 294.588);
  --sn-color-focus-ring: oklch(60.6% 0.25 292.717);
}
:root[data-theme="dark"][data-sn-accent="violet"] {
  --sn-color-primary: oklch(70.2% 0.183 293.541);
  --sn-color-primary-hover: oklch(81.1% 0.111 293.571);
  --sn-color-primary-active: oklch(89.4% 0.057 293.283);
  --sn-color-primary-contrast: oklch(28.3% 0.141 291.089);
  --sn-color-primary-soft: oklch(38% 0.189 293.745);
  --sn-color-focus-ring: oklch(70.2% 0.183 293.541);
}
:root[data-theme="light"][data-sn-accent="purple"] {
  --sn-color-primary: oklch(55.8% 0.288 302.321);
  --sn-color-primary-hover: oklch(49.6% 0.265 301.924);
  --sn-color-primary-active: oklch(43.8% 0.218 303.724);
  --sn-color-primary-soft: oklch(94.6% 0.033 307.174);
  --sn-color-focus-ring: oklch(62.7% 0.265 303.9);
}
:root[data-theme="dark"][data-sn-accent="purple"] {
  --sn-color-primary: oklch(71.4% 0.203 305.504);
  --sn-color-primary-hover: oklch(82.7% 0.119 306.383);
  --sn-color-primary-active: oklch(90.2% 0.063 306.703);
  --sn-color-primary-contrast: oklch(29.1% 0.149 302.717);
  --sn-color-primary-soft: oklch(38.1% 0.176 304.987);
  --sn-color-focus-ring: oklch(71.4% 0.203 305.504);
}
:root[data-theme="light"][data-sn-accent="fuchsia"] {
  --sn-color-primary: oklch(59.1% 0.293 322.896);
  --sn-color-primary-hover: oklch(51.8% 0.253 323.949);
  --sn-color-primary-active: oklch(45.2% 0.211 324.591);
  --sn-color-primary-soft: oklch(95.2% 0.037 318.852);
  --sn-color-focus-ring: oklch(66.7% 0.295 322.15);
}
:root[data-theme="dark"][data-sn-accent="fuchsia"] {
  --sn-color-primary: oklch(74% 0.238 322.16);
  --sn-color-primary-hover: oklch(83.3% 0.145 321.434);
  --sn-color-primary-active: oklch(90.3% 0.076 319.62);
  --sn-color-primary-contrast: oklch(29.3% 0.136 325.661);
  --sn-color-primary-soft: oklch(40.1% 0.17 325.612);
  --sn-color-focus-ring: oklch(74% 0.238 322.16);
}
:root[data-theme="light"][data-sn-accent="pink"] {
  --sn-color-primary: oklch(59.2% 0.249 0.584);
  --sn-color-primary-hover: oklch(52.5% 0.223 3.958);
  --sn-color-primary-active: oklch(45.9% 0.187 3.815);
  --sn-color-primary-soft: oklch(94.8% 0.028 342.258);
  --sn-color-focus-ring: oklch(65.6% 0.241 354.308);
}
:root[data-theme="dark"][data-sn-accent="pink"] {
  --sn-color-primary: oklch(71.8% 0.202 349.761);
  --sn-color-primary-hover: oklch(82.3% 0.12 346.018);
  --sn-color-primary-active: oklch(89.9% 0.061 343.231);
  --sn-color-primary-contrast: oklch(28.4% 0.109 3.907);
  --sn-color-primary-soft: oklch(40.8% 0.153 2.432);
  --sn-color-focus-ring: oklch(71.8% 0.202 349.761);
}
:root[data-theme="light"][data-sn-accent="rose"] {
  --sn-color-primary: oklch(58.6% 0.253 17.585);
  --sn-color-primary-hover: oklch(51.4% 0.222 16.935);
  --sn-color-primary-active: oklch(45.5% 0.188 13.697);
  --sn-color-primary-soft: oklch(94.1% 0.03 12.58);
  --sn-color-focus-ring: oklch(64.5% 0.246 16.439);
}
:root[data-theme="dark"][data-sn-accent="rose"] {
  --sn-color-primary: oklch(71.2% 0.194 13.428);
  --sn-color-primary-hover: oklch(81% 0.117 11.638);
  --sn-color-primary-active: oklch(89.2% 0.058 10.001);
  --sn-color-primary-contrast: oklch(27.1% 0.105 12.094);
  --sn-color-primary-soft: oklch(41% 0.159 10.272);
  --sn-color-focus-ring: oklch(71.2% 0.194 13.428);
}
:root[data-theme="light"][data-sn-neutral="slate"] {
  --sn-color-bg: oklch(98.4% 0.003 247.858);
  --sn-color-surface: oklch(100% 0 0);
  --sn-color-surface-raised: oklch(96.8% 0.007 247.896);
  --sn-color-surface-sunken: oklch(92.9% 0.013 255.508);
  --sn-color-text: oklch(20.8% 0.042 265.755);
  --sn-color-text-muted: oklch(44.6% 0.043 257.281);
  --sn-color-border: oklch(92.9% 0.013 255.508);
  --sn-color-border-strong: oklch(86.9% 0.022 252.894);
}
:root[data-theme="dark"][data-sn-neutral="slate"] {
  --sn-color-bg: oklch(12.9% 0.042 264.695);
  --sn-color-surface: oklch(20.8% 0.042 265.755);
  --sn-color-surface-raised: oklch(27.9% 0.041 260.031);
  --sn-color-surface-sunken: oklch(12.9% 0.042 264.695);
  --sn-color-text: oklch(96.8% 0.007 247.896);
  --sn-color-text-muted: oklch(70.4% 0.04 256.788);
  --sn-color-border: oklch(27.9% 0.041 260.031);
  --sn-color-border-strong: oklch(37.2% 0.044 257.287);
}
:root[data-theme="light"][data-sn-neutral="gray"] {
  --sn-color-bg: oklch(98.5% 0.002 247.839);
  --sn-color-surface: oklch(100% 0 0);
  --sn-color-surface-raised: oklch(96.7% 0.003 264.542);
  --sn-color-surface-sunken: oklch(92.8% 0.006 264.531);
  --sn-color-text: oklch(21% 0.034 264.665);
  --sn-color-text-muted: oklch(44.6% 0.03 256.802);
  --sn-color-border: oklch(92.8% 0.006 264.531);
  --sn-color-border-strong: oklch(87.2% 0.01 258.338);
}
:root[data-theme="dark"][data-sn-neutral="gray"] {
  --sn-color-bg: oklch(13% 0.028 261.692);
  --sn-color-surface: oklch(21% 0.034 264.665);
  --sn-color-surface-raised: oklch(27.8% 0.033 256.848);
  --sn-color-surface-sunken: oklch(13% 0.028 261.692);
  --sn-color-text: oklch(96.7% 0.003 264.542);
  --sn-color-text-muted: oklch(70.7% 0.022 261.325);
  --sn-color-border: oklch(27.8% 0.033 256.848);
  --sn-color-border-strong: oklch(37.3% 0.034 259.733);
}
:root[data-theme="light"][data-sn-neutral="zinc"] {
  --sn-color-bg: oklch(98.5% 0 none);
  --sn-color-surface: oklch(100% 0 0);
  --sn-color-surface-raised: oklch(96.7% 0.001 286.375);
  --sn-color-surface-sunken: oklch(92% 0.004 286.32);
  --sn-color-text: oklch(21% 0.006 285.885);
  --sn-color-text-muted: oklch(44.2% 0.017 285.786);
  --sn-color-border: oklch(92% 0.004 286.32);
  --sn-color-border-strong: oklch(87.1% 0.006 286.286);
}
:root[data-theme="dark"][data-sn-neutral="zinc"] {
  --sn-color-bg: oklch(14.1% 0.005 285.823);
  --sn-color-surface: oklch(21% 0.006 285.885);
  --sn-color-surface-raised: oklch(27.4% 0.006 286.033);
  --sn-color-surface-sunken: oklch(14.1% 0.005 285.823);
  --sn-color-text: oklch(96.7% 0.001 286.375);
  --sn-color-text-muted: oklch(70.5% 0.015 286.067);
  --sn-color-border: oklch(27.4% 0.006 286.033);
  --sn-color-border-strong: oklch(37% 0.013 285.805);
}
:root[data-theme="light"][data-sn-neutral="neutral"] {
  --sn-color-bg: oklch(98.5% 0 none);
  --sn-color-surface: oklch(100% 0 0);
  --sn-color-surface-raised: oklch(97% 0 none);
  --sn-color-surface-sunken: oklch(92.2% 0 none);
  --sn-color-text: oklch(20.5% 0 none);
  --sn-color-text-muted: oklch(43.9% 0 none);
  --sn-color-border: oklch(92.2% 0 none);
  --sn-color-border-strong: oklch(87% 0 none);
}
:root[data-theme="dark"][data-sn-neutral="neutral"] {
  --sn-color-bg: oklch(14.5% 0 none);
  --sn-color-surface: oklch(20.5% 0 none);
  --sn-color-surface-raised: oklch(26.9% 0 none);
  --sn-color-surface-sunken: oklch(14.5% 0 none);
  --sn-color-text: oklch(97% 0 none);
  --sn-color-text-muted: oklch(70.8% 0 none);
  --sn-color-border: oklch(26.9% 0 none);
  --sn-color-border-strong: oklch(37.1% 0 none);
}
:root[data-theme="light"][data-sn-neutral="stone"] {
  --sn-color-bg: oklch(98.5% 0.001 106.423);
  --sn-color-surface: oklch(100% 0 0);
  --sn-color-surface-raised: oklch(97% 0.001 106.424);
  --sn-color-surface-sunken: oklch(92.3% 0.003 48.717);
  --sn-color-text: oklch(21.6% 0.006 56.043);
  --sn-color-text-muted: oklch(44.4% 0.011 73.639);
  --sn-color-border: oklch(92.3% 0.003 48.717);
  --sn-color-border-strong: oklch(86.9% 0.005 56.366);
}
:root[data-theme="dark"][data-sn-neutral="stone"] {
  --sn-color-bg: oklch(14.7% 0.004 49.25);
  --sn-color-surface: oklch(21.6% 0.006 56.043);
  --sn-color-surface-raised: oklch(26.8% 0.007 34.298);
  --sn-color-surface-sunken: oklch(14.7% 0.004 49.25);
  --sn-color-text: oklch(97% 0.001 106.424);
  --sn-color-text-muted: oklch(70.9% 0.01 56.259);
  --sn-color-border: oklch(26.8% 0.007 34.298);
  --sn-color-border-strong: oklch(37.4% 0.01 67.558);
}
:root[data-sn-radius="none"] {
  --sn-radius-sm: 0;
  --sn-radius-md: 0;
  --sn-radius-lg: 0;
  --sn-radius-xl: 0;
}
:root[data-sn-radius="small"] {
  --sn-radius-sm: 0.125rem;
  --sn-radius-md: 0.25rem;
  --sn-radius-lg: 0.375rem;
  --sn-radius-xl: 0.5rem;
}
:root[data-sn-radius="large"] {
  --sn-radius-sm: 0.5rem;
  --sn-radius-md: 0.75rem;
  --sn-radius-lg: 1rem;
  --sn-radius-xl: 1.5rem;
}
:root[data-sn-radius="full"] {
  --sn-radius-sm: 9999px;
  --sn-radius-md: 9999px;
  --sn-radius-lg: 9999px;
  --sn-radius-xl: 9999px;
}