/* Palette-specific semantic extras retained without a component-library theme runtime. */
:root:not([data-starless-theme]),
html[data-starless-theme="old-king-of-novels"] {
  color-scheme: light;
  --kol-popover: var(--popover);
  --kol-popover-content: var(--popover-foreground);
  --kol-muted: var(--muted);
  --kol-muted-content: var(--muted-foreground);
  --kol-input: var(--input);
  --kol-ring: var(--ring);
  --kol-rating: var(--rating);
  --kol-rating-foreground: var(--rating-foreground);
  --kol-chart-1: #6d0015;
  --kol-chart-2: #28a745;
  --kol-chart-3: #28a745;
  --kol-chart-4: #f5c542;
  --kol-chart-5: #c57448;
  --kol-badge-purple: var(--badge-purple);
  --kol-badge-purple-foreground: var(--badge-purple-foreground);
  --kol-starless-primary-dark: var(--starless-primary-dark);
  --kol-starless-success: var(--starless-success);
  --kol-starless-warning: var(--starless-warning);
  --kol-starless-silver: #8e98a6;
  --kol-starless-bronze: #c57448;
  --kol-starless-special: #6d38c8;
  --kol-font-sans: inherit;
  --kol-font-serif: inherit;
  --kol-font-mono: inherit;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --kol-shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --kol-shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
}

:root:not([data-starless-theme]) body:is(.darkmode, .dark, [data-theme="dark"]),
:root:not([data-starless-theme]):is(.dark, [data-theme="dark"]),
html[data-starless-theme="old-king-of-novels"] body:is(.darkmode, .dark, [data-theme="dark"]),
html[data-starless-theme="old-king-of-novels"]:is(.dark, [data-theme="dark"]) {
  color-scheme: dark;
  --kol-popover: var(--popover);
  --kol-popover-content: var(--popover-foreground);
  --kol-muted: var(--muted);
  --kol-muted-content: var(--muted-foreground);
  --kol-input: var(--input);
  --kol-ring: var(--ring);
  --kol-rating: var(--rating);
  --kol-rating-foreground: var(--rating-foreground);
  --kol-chart-1: #6d0015;
  --kol-chart-2: #28a745;
  --kol-chart-3: #28a745;
  --kol-chart-4: #f5c542;
  --kol-chart-5: #c57448;
  --kol-badge-purple: var(--badge-purple);
  --kol-badge-purple-foreground: var(--badge-purple-foreground);
  --kol-starless-primary-dark: var(--starless-primary-dark);
  --kol-starless-success: var(--starless-success);
  --kol-starless-warning: var(--starless-warning);
  --kol-starless-silver: #8e98a6;
  --kol-starless-bronze: #c57448;
  --kol-starless-special: #6d38c8;
  --kol-font-sans: inherit;
  --kol-font-serif: inherit;
  --kol-font-mono: inherit;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --kol-shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --kol-shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
}

html:is(:not([data-starless-theme]), [data-starless-theme="default"], [data-starless-theme="new-king-of-novels"]) {
  color-scheme: light;
  --kol-popover: oklch(1 0 0);
  --kol-popover-content: oklch(0.2674 0.009 248.1657);
  --kol-muted: oklch(0.9768 0.0013 247.8346);
  --kol-muted-content: oklch(0.5052 0.0205 248.2336);
  --kol-input: oklch(0.9222 0.0044 247.8716);
  --kol-ring: oklch(0.5778 0.2282 26.5713);
  --kol-rating: oklch(0.5778 0.2282 26.5713);
  --kol-rating-foreground: oklch(1 0 0);
  --kol-chart-1: oklch(0.5778 0.2282 26.5713);
  --kol-chart-2: oklch(0.3182 0.0115 248.1899);
  --kol-chart-3: oklch(0.7176 0.1902 149.6);
  --kol-chart-4: oklch(0.8562 0.1696 90.9651);
  --kol-chart-5: oklch(0.7159 0.1804 49.4714);
  --kol-badge-purple: oklch(0.9577 0.0187 12.8348);
  --kol-badge-purple-foreground: oklch(0.4101 0.1589 25.8706);
  --kol-starless-primary-dark: oklch(0.4101 0.1589 25.8706);
  --kol-starless-success: oklch(0.7176 0.1902 149.6);
  --kol-starless-warning: oklch(0.8562 0.1696 90.9651);
  --kol-starless-silver: oklch(0.5052 0.0205 248.2336);
  --kol-starless-bronze: oklch(0.7159 0.1804 49.4714);
  --kol-starless-special: oklch(0.4101 0.1589 25.8706);
  --kol-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: Menlo, monospace;
  --kol-tracking-normal: -0.01em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 1px 4px 0 hsl(0 0% 0% / 0.05), 0 1px 2px -1px hsl(0 0% 0% / 0.05);
  --kol-shadow-md: 0 1px 4px 0 hsl(0 0% 0% / 0.05), 0 2px 4px -1px hsl(0 0% 0% / 0.05);
  --kol-shadow-lg: 0 1px 4px 0 hsl(0 0% 0% / 0.05), 0 4px 6px -1px hsl(0 0% 0% / 0.05);
}

html:is(:not([data-starless-theme]), [data-starless-theme="default"], [data-starless-theme="new-king-of-novels"]) body:is(.darkmode, .dark) {
  color-scheme: dark;
  --kol-popover: oklch(0.1803 0.0047 248.0863);
  --kol-popover-content: oklch(0.9848 0 0);
  --kol-muted: oklch(0.2357 0.0075 248.1444);
  --kol-muted-content: oklch(0.72 0.0165 248.0568);
  --kol-input: oklch(0.2777 0.0095 248.1714);
  --kol-ring: oklch(0.5778 0.2282 26.5713);
  --kol-rating: oklch(0.5778 0.2282 26.5713);
  --kol-rating-foreground: oklch(1 0 0);
  --kol-chart-1: oklch(0.5778 0.2282 26.5713);
  --kol-chart-2: oklch(0.8428 0.009 247.9335);
  --kol-chart-3: oklch(0.7176 0.1902 149.6);
  --kol-chart-4: oklch(0.8562 0.1696 90.9651);
  --kol-chart-5: oklch(0.7159 0.1804 49.4714);
  --kol-badge-purple: oklch(0.2566 0.0939 23.8695);
  --kol-badge-purple-foreground: oklch(0.7958 0.1022 15.2778);
  --kol-starless-primary-dark: oklch(0.7958 0.1022 15.2778);
  --kol-starless-success: oklch(0.7176 0.1902 149.6);
  --kol-starless-warning: oklch(0.8562 0.1696 90.9651);
  --kol-starless-silver: oklch(0.72 0.0165 248.0568);
  --kol-starless-bronze: oklch(0.7159 0.1804 49.4714);
  --kol-starless-special: oklch(0.7958 0.1022 15.2778);
  --kol-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: Menlo, monospace;
  --kol-tracking-normal: -0.01em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --kol-shadow-md: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 2px 4px -1px hsl(0 0% 0% / 0.4);
  --kol-shadow-lg: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 4px 6px -1px hsl(0 0% 0% / 0.4);
}

html[data-starless-theme="cattpuctin"] {
  color-scheme: light;
  --kol-popover: oklch(0.8575 0.0145 268.4756);
  --kol-popover-content: oklch(0.4355 0.043 279.325);
  --kol-muted: oklch(0.906 0.0117 264.5071);
  --kol-muted-content: oklch(0.5471 0.0343 279.0837);
  --kol-input: oklch(0.8575 0.0145 268.4756);
  --kol-ring: oklch(0.5547 0.2503 297.0156);
  --kol-rating: #f5c542;
  --kol-rating-foreground: #171717;
  --kol-chart-1: oklch(0.5547 0.2503 297.0156);
  --kol-chart-2: oklch(0.682 0.1448 235.3822);
  --kol-chart-3: oklch(0.625 0.1772 140.4448);
  --kol-chart-4: oklch(0.692 0.2041 42.4293);
  --kol-chart-5: oklch(0.7141 0.1045 33.0967);
  --kol-badge-purple: #6d38c8;
  --kol-badge-purple-foreground: #ffffff;
  --kol-starless-primary-dark: oklch(0.7871 0.1187 304.7693);
  --kol-starless-success: oklch(0.625 0.1772 140.4448);
  --kol-starless-warning: oklch(0.692 0.2041 42.4293);
  --kol-starless-silver: oklch(0.5471 0.0343 279.0837);
  --kol-starless-bronze: oklch(0.7141 0.1045 33.0967);
  --kol-starless-special: oklch(0.2429 0.0304 283.911);
  --kol-font-sans: Montserrat, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: "Fira Code", monospace;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 1px 2px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-md: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 2px 4px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-lg: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 4px 6px -1px hsl(240 30% 25% / 0.12);
}

html[data-starless-theme="cattpuctin"] body:is(.darkmode, .dark) {
  color-scheme: dark;
  --kol-popover: oklch(0.4037 0.032 280.152);
  --kol-popover-content: oklch(0.8787 0.0426 272.2767);
  --kol-muted: oklch(0.2973 0.0294 276.2144);
  --kol-muted-content: oklch(0.751 0.0396 273.932);
  --kol-input: oklch(0.324 0.0319 281.9784);
  --kol-ring: oklch(0.7871 0.1187 304.7693);
  --kol-rating: #f5c542;
  --kol-rating-foreground: #171717;
  --kol-chart-1: oklch(0.7871 0.1187 304.7693);
  --kol-chart-2: oklch(0.8467 0.0833 210.2545);
  --kol-chart-3: oklch(0.8577 0.1092 142.7153);
  --kol-chart-4: oklch(0.8237 0.1015 52.6294);
  --kol-chart-5: oklch(0.9226 0.0238 30.4919);
  --kol-badge-purple: oklch(0.8467 0.0833 210.2545);
  --kol-badge-purple-foreground: oklch(0.2429 0.0304 283.911);
  --kol-starless-primary-dark: oklch(0.8467 0.0833 210.2545);
  --kol-starless-success: oklch(0.8577 0.1092 142.7153);
  --kol-starless-warning: oklch(0.8237 0.1015 52.6294);
  --kol-starless-silver: oklch(0.751 0.0396 273.932);
  --kol-starless-bronze: oklch(0.9226 0.0238 30.4919);
  --kol-starless-special: oklch(0.2429 0.0304 283.911);
  --kol-font-sans: Montserrat, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: "Fira Code", monospace;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 1px 2px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-md: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 2px 4px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-lg: 0 4px 6px 0 hsl(240 30% 25% / 0.12), 0 4px 6px -1px hsl(240 30% 25% / 0.12);
}

html[data-starless-theme="cosmic-night"] {
  color-scheme: light;
  --kol-popover: oklch(1 0 0);
  --kol-popover-content: oklch(0.3015 0.0572 282.4176);
  --kol-muted: oklch(0.958 0.0133 286.1454);
  --kol-muted-content: oklch(0.5426 0.0465 284.7435);
  --kol-input: oklch(0.9115 0.0216 285.9625);
  --kol-ring: oklch(0.5417 0.179 288.0332);
  --kol-rating: oklch(0.5417 0.179 288.0332);
  --kol-rating-foreground: oklch(1 0 0);
  --kol-chart-1: oklch(0.5417 0.179 288.0332);
  --kol-chart-2: oklch(0.7042 0.1602 288.988);
  --kol-chart-3: oklch(0.5679 0.2113 276.7065);
  --kol-chart-4: oklch(0.6356 0.1922 281.8054);
  --kol-chart-5: oklch(0.4509 0.1758 279.3838);
  --kol-badge-purple: oklch(0.9221 0.0373 262.141);
  --kol-badge-purple-foreground: oklch(0.3015 0.0572 282.4176);
  --kol-starless-primary-dark: oklch(0.3015 0.0572 282.4176);
  --kol-starless-success: oklch(0.5679 0.2113 276.7065);
  --kol-starless-warning: oklch(0.6356 0.1922 281.8054);
  --kol-starless-silver: oklch(0.5426 0.0465 284.7435);
  --kol-starless-bronze: oklch(0.4509 0.1758 279.3838);
  --kol-starless-special: oklch(0.3015 0.0572 282.4176);
  --kol-font-sans: Inter, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: "JetBrains Mono", monospace;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 4px 10px 0 hsl(240 30% 25% / 0.12), 0 1px 2px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-md: 0 4px 10px 0 hsl(240 30% 25% / 0.12), 0 2px 4px -1px hsl(240 30% 25% / 0.12);
  --kol-shadow-lg: 0 4px 10px 0 hsl(240 30% 25% / 0.12), 0 4px 6px -1px hsl(240 30% 25% / 0.12);
}

html[data-starless-theme="cosmic-night"] body:is(.darkmode, .dark) {
  color-scheme: dark;
  --kol-popover: oklch(0.2284 0.0384 282.9324);
  --kol-popover-content: oklch(0.9185 0.0257 285.8834);
  --kol-muted: oklch(0.271 0.0621 281.4377);
  --kol-muted-content: oklch(0.7166 0.0462 285.1741);
  --kol-input: oklch(0.3261 0.0597 282.5832);
  --kol-ring: oklch(0.7162 0.1597 290.3962);
  --kol-rating: oklch(0.7162 0.1597 290.3962);
  --kol-rating-foreground: oklch(0.1743 0.0227 283.7998);
  --kol-chart-1: oklch(0.7162 0.1597 290.3962);
  --kol-chart-2: oklch(0.6382 0.1047 274.9117);
  --kol-chart-3: oklch(0.7482 0.1235 244.7492);
  --kol-chart-4: oklch(0.7124 0.0977 186.6761);
  --kol-chart-5: oklch(0.7546 0.1831 346.8124);
  --kol-badge-purple: oklch(0.3354 0.0828 280.9705);
  --kol-badge-purple-foreground: oklch(0.9185 0.0257 285.8834);
  --kol-starless-primary-dark: oklch(0.3354 0.0828 280.9705);
  --kol-starless-success: oklch(0.7482 0.1235 244.7492);
  --kol-starless-warning: oklch(0.7124 0.0977 186.6761);
  --kol-starless-silver: oklch(0.7166 0.0462 285.1741);
  --kol-starless-bronze: oklch(0.7546 0.1831 346.8124);
  --kol-starless-special: oklch(0.9185 0.0257 285.8834);
  --kol-font-sans: Inter, sans-serif;
  --kol-font-serif: Georgia, serif;
  --kol-font-mono: "JetBrains Mono", monospace;
  --kol-tracking-normal: 0em;
  --kol-spacing: 0.25rem;
  --kol-shadow-sm: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --kol-shadow-md: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 2px 4px -1px hsl(0 0% 0% / 0.4);
  --kol-shadow-lg: 0 2px 8px 0 hsl(0 0% 0% / 0.4), 0 4px 6px -1px hsl(0 0% 0% / 0.4);
}
