/*
 * hoody-theme-defaults.css — GENERATED. DO NOT EDIT.
 * Source: @hoody-ai/ui theme system (packages/ui).
 * Regenerate: cd packages/ui && bun run scripts/generate-hoody-files-themes.ts
 * Emits the HF token subset + transitive var() closure per theme/scheme.
 */

/* === :root — OC-1 (default) light tokens + static typography === */
:root {
  color-scheme: light;
  --font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size-editor: 14px;
  --background-base: #f8f7f7;
  --background-weak: var(--smoke-light-3);
  --background-strong: var(--smoke-light-1);
  --background-stronger: #fcfcfc;
  --surface-base: var(--smoke-light-alpha-2);
  --surface-base-hover: #0500000f;
  --surface-raised-base: var(--smoke-light-alpha-2);
  --surface-raised-base-hover: var(--smoke-light-alpha-3);
  --surface-raised-strong: var(--smoke-light-1);
  --surface-strong: #ffffff;
  --surface-inset-base: var(--smoke-light-alpha-2);
  --surface-base-active: var(--smoke-light-alpha-3);
  --surface-raised-stronger: var(--white);
  --text-base: var(--smoke-light-11);
  --text-weak: var(--smoke-light-9);
  --text-weaker: var(--smoke-light-8);
  --text-strong: var(--smoke-light-12);
  --border-base: var(--smoke-light-alpha-7);
  --border-weak-base: var(--smoke-light-alpha-5);
  --border-strong-base: var(--smoke-light-alpha-7);
  --border-weaker-base: var(--smoke-light-alpha-3);
  --border-hover: var(--smoke-light-alpha-8);
  --icon-base: var(--smoke-light-9);
  --icon-hover: var(--smoke-light-11);
  --icon-weak-base: var(--smoke-light-7);
  --icon-critical-base: var(--ember-light-10);
  --icon-warning-base: var(--amber-light-7);
  --icon-success-base: var(--apple-light-7);
  --icon-invert-base: #ffffff;
  --input-base: var(--smoke-light-1);
  --input-hover: var(--smoke-light-2);
  --input-focus: var(--cobalt-light-1);
  --button-secondary-base: #fdfcfc;
  --button-secondary-hover: #faf9f9;
  --button-ghost-hover: var(--smoke-light-alpha-2);
  --button-primary-base: var(--smoke-light-12);
  --text-interactive-base: var(--cobalt-light-9);
  --surface-interactive-base: var(--cobalt-light-3);
  --border-interactive-base: var(--cobalt-light-7);
  --text-on-interactive-base: var(--smoke-light-1);
  --surface-critical-base: var(--ember-light-3);
  --text-on-critical-base: var(--ember-light-10);
  --surface-success-base: var(--apple-light-3);
  --text-on-success-base: var(--apple-light-10);
  --surface-warning-base: var(--solaris-light-3);
  --syntax-keyword: var(--text-weak);
  --syntax-string: #006656;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #596600;
  --syntax-primitive: #fb4804;
  --syntax-constant: #007b80;
  --syntax-property: #ed6dc8;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
  --amber-light-7: #f3ba63;
  --apple-light-10: #00bd00;
  --apple-light-3: #e1fade;
  --apple-light-7: #7dd676;
  --cobalt-light-1: #fcfdff;
  --cobalt-light-3: #eaf2ff;
  --cobalt-light-7: #98bfff;
  --cobalt-light-9: #034cff;
  --ember-light-10: #ef442a;
  --ember-light-3: #ffe9e4;
  --smoke-light-1: #fdfcfc;
  --smoke-light-11: #656363;
  --smoke-light-12: #211e1e;
  --smoke-light-2: #f9f8f8;
  --smoke-light-3: #f1f0f0;
  --smoke-light-7: #cfcecd;
  --smoke-light-8: #bcbbbb;
  --smoke-light-9: #8e8b8b;
  --smoke-light-alpha-2: #25000007;
  --smoke-light-alpha-3: #1100000f;
  --smoke-light-alpha-5: #1100001f;
  --smoke-light-alpha-7: #0b060032;
  --smoke-light-alpha-8: #04000044;
  --solaris-light-3: #fff6be;
  --white: #ffffff;
}

/* === JS-driven OC-1 defaults (data-color-scheme, specificity 0,1,1) === */
html[data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f8f7f7;
  --background-weak: var(--smoke-light-3);
  --background-strong: var(--smoke-light-1);
  --background-stronger: #fcfcfc;
  --surface-base: var(--smoke-light-alpha-2);
  --surface-base-hover: #0500000f;
  --surface-raised-base: var(--smoke-light-alpha-2);
  --surface-raised-base-hover: var(--smoke-light-alpha-3);
  --surface-raised-strong: var(--smoke-light-1);
  --surface-strong: #ffffff;
  --surface-inset-base: var(--smoke-light-alpha-2);
  --surface-base-active: var(--smoke-light-alpha-3);
  --surface-raised-stronger: var(--white);
  --text-base: var(--smoke-light-11);
  --text-weak: var(--smoke-light-9);
  --text-weaker: var(--smoke-light-8);
  --text-strong: var(--smoke-light-12);
  --border-base: var(--smoke-light-alpha-7);
  --border-weak-base: var(--smoke-light-alpha-5);
  --border-strong-base: var(--smoke-light-alpha-7);
  --border-weaker-base: var(--smoke-light-alpha-3);
  --border-hover: var(--smoke-light-alpha-8);
  --icon-base: var(--smoke-light-9);
  --icon-hover: var(--smoke-light-11);
  --icon-weak-base: var(--smoke-light-7);
  --icon-critical-base: var(--ember-light-10);
  --icon-warning-base: var(--amber-light-7);
  --icon-success-base: var(--apple-light-7);
  --icon-invert-base: #ffffff;
  --input-base: var(--smoke-light-1);
  --input-hover: var(--smoke-light-2);
  --input-focus: var(--cobalt-light-1);
  --button-secondary-base: #fdfcfc;
  --button-secondary-hover: #faf9f9;
  --button-ghost-hover: var(--smoke-light-alpha-2);
  --button-primary-base: var(--smoke-light-12);
  --text-interactive-base: var(--cobalt-light-9);
  --surface-interactive-base: var(--cobalt-light-3);
  --border-interactive-base: var(--cobalt-light-7);
  --text-on-interactive-base: var(--smoke-light-1);
  --surface-critical-base: var(--ember-light-3);
  --text-on-critical-base: var(--ember-light-10);
  --surface-success-base: var(--apple-light-3);
  --text-on-success-base: var(--apple-light-10);
  --surface-warning-base: var(--solaris-light-3);
  --syntax-keyword: var(--text-weak);
  --syntax-string: #006656;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #596600;
  --syntax-primitive: #fb4804;
  --syntax-constant: #007b80;
  --syntax-property: #ed6dc8;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
  --amber-light-7: #f3ba63;
  --apple-light-10: #00bd00;
  --apple-light-3: #e1fade;
  --apple-light-7: #7dd676;
  --cobalt-light-1: #fcfdff;
  --cobalt-light-3: #eaf2ff;
  --cobalt-light-7: #98bfff;
  --cobalt-light-9: #034cff;
  --ember-light-10: #ef442a;
  --ember-light-3: #ffe9e4;
  --smoke-light-1: #fdfcfc;
  --smoke-light-11: #656363;
  --smoke-light-12: #211e1e;
  --smoke-light-2: #f9f8f8;
  --smoke-light-3: #f1f0f0;
  --smoke-light-7: #cfcecd;
  --smoke-light-8: #bcbbbb;
  --smoke-light-9: #8e8b8b;
  --smoke-light-alpha-2: #25000007;
  --smoke-light-alpha-3: #1100000f;
  --smoke-light-alpha-5: #1100001f;
  --smoke-light-alpha-7: #0b060032;
  --smoke-light-alpha-8: #04000044;
  --solaris-light-3: #fff6be;
  --white: #ffffff;
}

html[data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: var(--smoke-dark-1);
  --background-weak: #1c1717;
  --background-strong: #151313;
  --background-stronger: #191515;
  --surface-base: var(--smoke-dark-alpha-2);
  --surface-base-hover: #e0b7b716;
  --surface-raised-base: var(--smoke-dark-alpha-3);
  --surface-raised-base-hover: var(--smoke-dark-alpha-4);
  --surface-raised-strong: var(--smoke-dark-alpha-4);
  --surface-strong: var(--smoke-dark-alpha-7);
  --surface-inset-base: #0e0b0b7f;
  --surface-base-active: var(--smoke-dark-alpha-3);
  --surface-raised-stronger: var(--smoke-dark-alpha-6);
  --text-base: var(--smoke-dark-alpha-11);
  --text-weak: var(--smoke-dark-alpha-9);
  --text-weaker: var(--smoke-dark-alpha-8);
  --text-strong: var(--smoke-dark-alpha-12);
  --border-base: var(--smoke-dark-alpha-7);
  --border-weak-base: var(--smoke-dark-alpha-6);
  --border-strong-base: var(--smoke-dark-alpha-8);
  --border-weaker-base: var(--smoke-dark-alpha-3);
  --border-hover: var(--smoke-dark-alpha-8);
  --icon-base: var(--smoke-dark-9);
  --icon-hover: var(--smoke-dark-10);
  --icon-weak-base: var(--smoke-dark-6);
  --icon-critical-base: var(--ember-dark-9);
  --icon-warning-base: var(--amber-dark-7);
  --icon-success-base: var(--apple-dark-9);
  --icon-invert-base: var(--smoke-dark-1);
  --input-base: var(--smoke-dark-2);
  --input-hover: var(--smoke-dark-2);
  --input-focus: var(--cobalt-dark-1);
  --button-secondary-base: #231f1f;
  --button-secondary-hover: #2a2727;
  --button-ghost-hover: var(--smoke-dark-alpha-2);
  --button-primary-base: var(--smoke-dark-12);
  --text-interactive-base: var(--cobalt-dark-11);
  --surface-interactive-base: var(--cobalt-dark-3);
  --border-interactive-base: var(--cobalt-light-7);
  --text-on-interactive-base: var(--smoke-dark-12);
  --surface-critical-base: var(--ember-dark-3);
  --text-on-critical-base: var(--ember-dark-9);
  --surface-success-base: var(--apple-dark-3);
  --text-on-success-base: var(--apple-dark-9);
  --surface-warning-base: var(--solaris-light-3);
  --syntax-keyword: var(--text-weak);
  --syntax-string: #00ceb9;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #ecf58c;
  --syntax-primitive: #ffba92;
  --syntax-constant: #93e9f6;
  --syntax-property: #ff9ae2;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
  --amber-dark-7: #693f05;
  --apple-dark-3: #152d13;
  --apple-dark-9: #12c905;
  --cobalt-dark-1: #091120;
  --cobalt-dark-11: #89b5ff;
  --cobalt-dark-3: #0c2255;
  --cobalt-light-7: #98bfff;
  --ember-dark-3: #3c140d;
  --ember-dark-9: #fc533a;
  --smoke-dark-1: #131010;
  --smoke-dark-10: #7f7979;
  --smoke-dark-12: #f1ecec;
  --smoke-dark-2: #1b1818;
  --smoke-dark-6: #3e3939;
  --smoke-dark-9: #716c6b;
  --smoke-dark-alpha-11: #fcf9f9b2;
  --smoke-dark-alpha-12: #fdfbfbf0;
  --smoke-dark-alpha-2: #e6c6c60b;
  --smoke-dark-alpha-3: #edd5d516;
  --smoke-dark-alpha-4: #f2e1e11e;
  --smoke-dark-alpha-6: #f5e8e831;
  --smoke-dark-alpha-7: #f7ecec3f;
  --smoke-dark-alpha-8: #faf5f559;
  --smoke-dark-alpha-9: #faf5f467;
  --solaris-light-3: #fff6be;
}

/* === JS-disabled fallback (specificity 0,1,0; lower than data-color-scheme) === */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background-base: var(--smoke-dark-1);
    --background-weak: #1c1717;
    --background-strong: #151313;
    --background-stronger: #191515;
    --surface-base: var(--smoke-dark-alpha-2);
    --surface-base-hover: #e0b7b716;
    --surface-raised-base: var(--smoke-dark-alpha-3);
    --surface-raised-base-hover: var(--smoke-dark-alpha-4);
    --surface-raised-strong: var(--smoke-dark-alpha-4);
    --surface-strong: var(--smoke-dark-alpha-7);
    --surface-inset-base: #0e0b0b7f;
    --surface-base-active: var(--smoke-dark-alpha-3);
    --surface-raised-stronger: var(--smoke-dark-alpha-6);
    --text-base: var(--smoke-dark-alpha-11);
    --text-weak: var(--smoke-dark-alpha-9);
    --text-weaker: var(--smoke-dark-alpha-8);
    --text-strong: var(--smoke-dark-alpha-12);
    --border-base: var(--smoke-dark-alpha-7);
    --border-weak-base: var(--smoke-dark-alpha-6);
    --border-strong-base: var(--smoke-dark-alpha-8);
    --border-weaker-base: var(--smoke-dark-alpha-3);
    --border-hover: var(--smoke-dark-alpha-8);
    --icon-base: var(--smoke-dark-9);
    --icon-hover: var(--smoke-dark-10);
    --icon-weak-base: var(--smoke-dark-6);
    --icon-critical-base: var(--ember-dark-9);
    --icon-warning-base: var(--amber-dark-7);
    --icon-success-base: var(--apple-dark-9);
    --icon-invert-base: var(--smoke-dark-1);
    --input-base: var(--smoke-dark-2);
    --input-hover: var(--smoke-dark-2);
    --input-focus: var(--cobalt-dark-1);
    --button-secondary-base: #231f1f;
    --button-secondary-hover: #2a2727;
    --button-ghost-hover: var(--smoke-dark-alpha-2);
    --button-primary-base: var(--smoke-dark-12);
    --text-interactive-base: var(--cobalt-dark-11);
    --surface-interactive-base: var(--cobalt-dark-3);
    --border-interactive-base: var(--cobalt-light-7);
    --text-on-interactive-base: var(--smoke-dark-12);
    --surface-critical-base: var(--ember-dark-3);
    --text-on-critical-base: var(--ember-dark-9);
    --surface-success-base: var(--apple-dark-3);
    --text-on-success-base: var(--apple-dark-9);
    --surface-warning-base: var(--solaris-light-3);
    --syntax-keyword: var(--text-weak);
    --syntax-string: #00ceb9;
    --syntax-comment: var(--text-weak);
    --syntax-variable: var(--text-strong);
    --syntax-operator: var(--text-weak);
    --syntax-type: #ecf58c;
    --syntax-primitive: #ffba92;
    --syntax-constant: #93e9f6;
    --syntax-property: #ff9ae2;
    --syntax-punctuation: var(--text-weak);
    --syntax-regexp: var(--text-base);
    --amber-dark-7: #693f05;
    --apple-dark-3: #152d13;
    --apple-dark-9: #12c905;
    --cobalt-dark-1: #091120;
    --cobalt-dark-11: #89b5ff;
    --cobalt-dark-3: #0c2255;
    --cobalt-light-7: #98bfff;
    --ember-dark-3: #3c140d;
    --ember-dark-9: #fc533a;
    --smoke-dark-1: #131010;
    --smoke-dark-10: #7f7979;
    --smoke-dark-12: #f1ecec;
    --smoke-dark-2: #1b1818;
    --smoke-dark-6: #3e3939;
    --smoke-dark-9: #716c6b;
    --smoke-dark-alpha-11: #fcf9f9b2;
    --smoke-dark-alpha-12: #fdfbfbf0;
    --smoke-dark-alpha-2: #e6c6c60b;
    --smoke-dark-alpha-3: #edd5d516;
    --smoke-dark-alpha-4: #f2e1e11e;
    --smoke-dark-alpha-6: #f5e8e831;
    --smoke-dark-alpha-7: #f7ecec3f;
    --smoke-dark-alpha-8: #faf5f559;
    --smoke-dark-alpha-9: #faf5f467;
    --solaris-light-3: #fff6be;
  }
}

/* === Per-theme blocks (data-theme + data-color-scheme, specificity 0,2,1) === */
html[data-theme="aura"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f5f0ff;
  --background-weak: #efe8fc;
  --background-strong: #faf7ff;
  --background-stronger: #fdfcff;
  --surface-base: #faf5fe;
  --surface-base-hover: #f1ecfb;
  --surface-raised-base: #fffbff;
  --surface-raised-base-hover: #faf5fe;
  --surface-raised-strong: #fffbff;
  --surface-strong: #ffffff;
  --surface-inset-base: #faf5fe;
  --surface-base-active: #f1ecfb;
  --surface-raised-stronger: #ffffff;
  --text-base: #2d2640;
  --text-weak: #5c5270;
  --text-weaker: #b9b5c2;
  --text-strong: #15101f;
  --border-base: #b5a6d4;
  --border-weak-base: #e0d6f2;
  --border-strong-base: #8068a8;
  --border-weaker-base: #f1ecfb;
  --border-hover: #aa99cc;
  --icon-base: #888491;
  --icon-hover: #5a5662;
  --icon-weak-base: #ccc8d6;
  --icon-critical-base: #eb5f5e;
  --icon-warning-base: #c39e66;
  --icon-success-base: #6ab888;
  --icon-invert-base: #ffffff;
  --input-base: #fffbff;
  --input-hover: #fbf6ff;
  --input-focus: #fcf9ff;
  --button-secondary-base: #fffbff;
  --button-secondary-hover: #fbf6ff;
  --button-ghost-hover: #faf5fe;
  --button-primary-base: #15101f;
  --text-interactive-base: #a277ff;
  --surface-interactive-base: #ede5ff;
  --border-interactive-base: #ac92f0;
  --text-on-interactive-base: #fffbff;
  --surface-critical-base: #ffe1dd;
  --text-on-critical-base: #eb5f5e;
  --surface-success-base: #d8f3e1;
  --text-on-success-base: #53cf89;
  --surface-warning-base: #f7e9d5;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #40bf7a;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #d9a24a;
  --syntax-primitive: #d94f4f;
  --syntax-constant: #5bb8d9;
  --syntax-property: #a277ff;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="aura"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #15141b;
  --background-weak: #1a1921;
  --background-strong: #121118;
  --background-stronger: #0f0e14;
  --surface-base: #08070d;
  --surface-base-hover: #0f0e14;
  --surface-raised-base: #05040a;
  --surface-raised-base-hover: #08070d;
  --surface-raised-strong: #16151d;
  --surface-strong: #36343d;
  --surface-inset-base: #08070d;
  --surface-base-active: #0f0e14;
  --surface-raised-stronger: #27262e;
  --text-base: #edecee;
  --text-weak: #6d6d6d;
  --text-weaker: #696871;
  --text-strong: #ffffff;
  --border-base: #433f5a;
  --border-weak-base: #2d2b38;
  --border-strong-base: #635c8a;
  --border-weaker-base: #0f0e14;
  --border-hover: #4a4565;
  --icon-base: #7a7982;
  --icon-hover: #92919a;
  --icon-weak-base: #35343c;
  --icon-critical-base: #ff6767;
  --icon-warning-base: #715125;
  --icon-success-base: #006a4b;
  --icon-invert-base: #07060c;
  --input-base: #0d0c13;
  --input-hover: #0d0c13;
  --input-focus: #0c0816;
  --button-secondary-base: #16151c;
  --button-secondary-hover: #1f1e26;
  --button-ghost-hover: #08070d;
  --button-primary-base: #ffffff;
  --text-interactive-base: #b894ff;
  --surface-interactive-base: #1d1432;
  --border-interactive-base: #5f449a;
  --text-on-interactive-base: #f2f0fb;
  --surface-critical-base: #300e0e;
  --text-on-critical-base: #ff6767;
  --surface-success-base: #002116;
  --text-on-success-base: #61ffca;
  --surface-warning-base: #231809;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #61ffca;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #ffca85;
  --syntax-primitive: #ff6767;
  --syntax-constant: #82e2ff;
  --syntax-property: #a277ff;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="ayu"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #fdfaf4;
  --background-weak: #fcf9f3;
  --background-strong: #fbf8f2;
  --background-stronger: #faf7f1;
  --surface-base: #faf7f1;
  --surface-base-hover: #f2efe9;
  --surface-raised-base: #fefcf6;
  --surface-raised-base-hover: #f4f0e9;
  --surface-raised-strong: #fffdf7;
  --surface-strong: #ffffff;
  --surface-inset-base: #faf7f1;
  --surface-base-active: #f2efe9;
  --surface-raised-stronger: #ffffff;
  --text-base: #4f5964;
  --text-weak: #77818d;
  --text-weaker: #bab7b1;
  --text-strong: #1b232b;
  --border-base: #bfb3a3;
  --border-weak-base: #e6ddcf;
  --border-strong-base: #837765;
  --border-weaker-base: #f2efe9;
  --border-hover: #b4a898;
  --icon-base: #888680;
  --icon-hover: #5a5853;
  --icon-weak-base: #cdcac4;
  --icon-critical-base: #f87579;
  --icon-warning-base: #cd995f;
  --icon-success-base: #7ab588;
  --icon-invert-base: #ffffff;
  --input-base: #fffdf7;
  --input-hover: #fbf8f2;
  --input-focus: #f5fdff;
  --button-secondary-base: #fffdf7;
  --button-secondary-hover: #fbf8f2;
  --button-ghost-hover: #faf7f1;
  --button-primary-base: #1b232b;
  --text-interactive-base: #4aa8c8;
  --surface-interactive-base: #daeff8;
  --border-interactive-base: #73afc5;
  --text-on-interactive-base: #fffdf7;
  --surface-critical-base: #ffe1e0;
  --text-on-critical-base: #f87579;
  --surface-success-base: #dcf2e0;
  --text-on-success-base: #6fc987;
  --surface-warning-base: #fbe8d3;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #7fad00;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #ed982e;
  --syntax-primitive: #ef7d71;
  --syntax-constant: #2f9bce;
  --syntax-property: #4aa8c8;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="ayu"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #0f1419;
  --background-weak: #18222c;
  --background-strong: #0b1015;
  --background-stronger: #080c10;
  --surface-base: #05080d;
  --surface-base-hover: #0b0f14;
  --surface-raised-base: #030609;
  --surface-raised-base-hover: #0f1419;
  --surface-raised-strong: #12171c;
  --surface-strong: #31363c;
  --surface-inset-base: #05080d;
  --surface-base-active: #0b0f14;
  --surface-raised-stronger: #22282e;
  --text-base: #d6dae0;
  --text-weak: #a3adba;
  --text-weaker: #636a70;
  --text-strong: #fbfbfd;
  --border-base: #475367;
  --border-weak-base: #2b3440;
  --border-strong-base: #73819b;
  --border-weaker-base: #0b0f14;
  --border-hover: #515f75;
  --icon-base: #757b82;
  --icon-hover: #8c939a;
  --icon-weak-base: #30363c;
  --icon-critical-base: #f58572;
  --icon-warning-base: #754f1e;
  --icon-success-base: #30671c;
  --icon-invert-base: #04080c;
  --input-base: #090e13;
  --input-hover: #090e13;
  --input-focus: #040d11;
  --button-secondary-base: #12171c;
  --button-secondary-hover: #1b2025;
  --button-ghost-hover: #05080d;
  --button-primary-base: #fbfbfd;
  --text-interactive-base: #57bce3;
  --surface-interactive-base: #051e28;
  --border-interactive-base: #0c617d;
  --text-on-interactive-base: #ebf3fa;
  --surface-critical-base: #2b120e;
  --text-on-critical-base: #f58572;
  --surface-success-base: #0d2007;
  --text-on-success-base: #78d05c;
  --surface-warning-base: #251807;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #b1c74a;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #e4a75c;
  --syntax-primitive: #f2856f;
  --syntax-constant: #66c6f1;
  --syntax-property: #3fb7e3;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="carbonfox"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #ffffff;
  --background-weak: #f4f4f4;
  --background-strong: #e8e8e8;
  --background-stronger: #dcdcdc;
  --surface-base: #f7f7f7;
  --surface-base-hover: #efefef;
  --surface-raised-base: #fcfcfc;
  --surface-raised-base-hover: #f7f7f7;
  --surface-raised-strong: #ffffff;
  --surface-strong: #ffffff;
  --surface-inset-base: #f7f7f7;
  --surface-base-active: #efefef;
  --surface-raised-stronger: #ffffff;
  --text-base: #161616;
  --text-weak: #525252;
  --text-weaker: #b7b7b7;
  --text-strong: #000000;
  --border-base: #cacaca;
  --border-weak-base: #dfdfdf;
  --border-strong-base: #cacaca;
  --border-weaker-base: #efefef;
  --border-hover: #b8b8b8;
  --icon-base: #868686;
  --icon-hover: #585858;
  --icon-weak-base: #cacaca;
  --icon-critical-base: #ec3638;
  --icon-warning-base: #c0a146;
  --icon-success-base: #78b682;
  --icon-invert-base: #ffffff;
  --input-base: #fdfdfd;
  --input-hover: #f8f8f8;
  --input-focus: #f3fcff;
  --button-secondary-base: #fdfdfd;
  --button-secondary-hover: #f8f8f8;
  --button-ghost-hover: #f7f7f7;
  --button-primary-base: #000000;
  --text-interactive-base: #0f62fe;
  --surface-interactive-base: #d5ecff;
  --border-interactive-base: #67a1ff;
  --text-on-interactive-base: #fdfdfd;
  --surface-critical-base: #ffded8;
  --text-on-critical-base: #ec3638;
  --surface-success-base: #dcf2de;
  --text-on-success-base: #2e8f47;
  --surface-warning-base: #f6ebcc;
  --syntax-keyword: #525252;
  --syntax-string: #198038;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #007d79;
  --syntax-primitive: #da1e28;
  --syntax-constant: #6929c4;
  --syntax-property: #0043ce;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="carbonfox"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #161616;
  --background-weak: #262626;
  --background-strong: #0d0d0d;
  --background-stronger: #000000;
  --surface-base: #1e1e1e;
  --surface-base-hover: #262626;
  --surface-raised-base: #1c1c1c;
  --surface-raised-base-hover: #262626;
  --surface-raised-strong: #262626;
  --surface-strong: #363636;
  --surface-inset-base: #0d0d0d;
  --surface-base-active: #0f0f0f;
  --surface-raised-stronger: #303030;
  --text-base: #f2f4f8;
  --text-weak: #8d8d8d;
  --text-weaker: #6f6f6f;
  --text-strong: #ffffff;
  --border-base: #525252;
  --border-weak-base: #393939;
  --border-strong-base: #6f6f6f;
  --border-weaker-base: #0f0f0f;
  --border-hover: #636363;
  --icon-base: #8d8d8d;
  --icon-hover: #929292;
  --icon-weak-base: #6f6f6f;
  --icon-critical-base: #ff8389;
  --icon-warning-base: #715300;
  --icon-success-base: #166931;
  --icon-invert-base: #070707;
  --input-base: #262626;
  --input-hover: #303030;
  --input-focus: #050b17;
  --button-secondary-base: #393939;
  --button-secondary-hover: #4c4c4c;
  --button-ghost-hover: #080808;
  --button-primary-base: #ffffff;
  --text-interactive-base: #6dacff;
  --surface-interactive-base: #0a1a34;
  --border-interactive-base: #2955a1;
  --text-on-interactive-base: #f2f2f2;
  --surface-critical-base: #2c1112;
  --text-on-critical-base: #ff8389;
  --surface-success-base: #06210d;
  --text-on-success-base: #42be65;
  --surface-warning-base: #231900;
  --syntax-keyword: #8d8d8d;
  --syntax-string: #42be65;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #08bdba;
  --syntax-primitive: #ff8389;
  --syntax-constant: #be95ff;
  --syntax-property: #78a9ff;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="catppuccin"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f5e0dc;
  --background-weak: #f2d8d4;
  --background-strong: #f9e8e4;
  --background-stronger: #fdeeee;
  --surface-base: #fff4f0;
  --surface-base-hover: #fdebe8;
  --surface-raised-base: #fffbf7;
  --surface-raised-base-hover: #fff4f0;
  --surface-raised-strong: #fff9f5;
  --surface-strong: #ffffff;
  --surface-inset-base: #fff4f0;
  --surface-base-active: #fdebe8;
  --surface-raised-stronger: #ffffff;
  --text-base: #4c4f69;
  --text-weak: #6c6f85;
  --text-weaker: #c4b3b0;
  --text-strong: #1f1f2a;
  --border-base: #bca6b2;
  --border-weak-base: #e0cfd3;
  --border-strong-base: #83677f;
  --border-weaker-base: #fdebe8;
  --border-hover: #b19ca8;
  --icon-base: #92827f;
  --icon-hover: #635451;
  --icon-weak-base: #d7c6c3;
  --icon-critical-base: #e42d47;
  --icon-warning-base: #d09859;
  --icon-success-base: #78b86c;
  --icon-invert-base: #ffffff;
  --input-base: #fff9f5;
  --input-hover: #fff4f0;
  --input-focus: #f8fbff;
  --button-secondary-base: #fff9f5;
  --button-secondary-hover: #fff4f0;
  --button-ghost-hover: #fff4f0;
  --button-primary-base: #1f1f2a;
  --text-interactive-base: #7287fd;
  --surface-interactive-base: #e1eaff;
  --border-interactive-base: #8c9ff1;
  --text-on-interactive-base: #fff9f5;
  --surface-critical-base: #ffdedc;
  --text-on-critical-base: #e42d47;
  --surface-success-base: #dcf3d7;
  --text-on-success-base: #51b03d;
  --surface-warning-base: #fde7d1;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #40a02b;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #df8e1d;
  --syntax-primitive: #d20f39;
  --syntax-constant: #04a5e5;
  --syntax-property: #7287fd;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="catppuccin"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #1e1e2e;
  --background-weak: #211f31;
  --background-strong: #1c1c29;
  --background-stronger: #191926;
  --surface-base: #070710;
  --surface-base-hover: #0e0e17;
  --surface-raised-base: #04040c;
  --surface-raised-base-hover: #070710;
  --surface-raised-strong: #151520;
  --surface-strong: #353440;
  --surface-inset-base: #070710;
  --surface-base-active: #0e0e17;
  --surface-raised-stronger: #262632;
  --text-base: #cdd6f4;
  --text-weak: #a6adc8;
  --text-weaker: #676874;
  --text-strong: #f4f2ff;
  --border-base: #4a4763;
  --border-weak-base: #35324a;
  --border-strong-base: #6e6a8c;
  --border-weaker-base: #0e0e17;
  --border-hover: #524f70;
  --icon-base: #787986;
  --icon-hover: #90919e;
  --icon-weak-base: #343440;
  --icon-critical-base: #f38ba8;
  --icon-warning-base: #6e4a65;
  --icon-success-base: #476134;
  --icon-invert-base: #06060f;
  --input-base: #0c0c16;
  --input-hover: #0c0c16;
  --input-focus: #0a0b11;
  --button-secondary-base: #15151f;
  --button-secondary-hover: #1e1e29;
  --button-ghost-hover: #070710;
  --button-primary-base: #f4f2ff;
  --text-interactive-base: #a1aae2;
  --surface-interactive-base: #171927;
  --border-interactive-base: #4f557c;
  --text-on-interactive-base: #f0f0ff;
  --surface-critical-base: #291219;
  --text-on-critical-base: #f38ba8;
  --surface-success-base: #151e0e;
  --text-on-success-base: #a6d189;
  --surface-warning-base: #23161f;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #a6e3a1;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #f9e2af;
  --syntax-primitive: #f38ba8;
  --syntax-constant: #89dceb;
  --syntax-property: #b4befe;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="dracula"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f8f8f2;
  --background-weak: #f1f2ed;
  --background-strong: #f6f6f1;
  --background-stronger: #f2f2ec;
  --surface-base: #f8f8f2;
  --surface-base-hover: #f0f0ea;
  --surface-raised-base: #fdfdf7;
  --surface-raised-base-hover: #f8f8f2;
  --surface-raised-strong: #fefef8;
  --surface-strong: #ffffff;
  --surface-inset-base: #f8f8f2;
  --surface-base-active: #f0f0ea;
  --surface-raised-stronger: #ffffff;
  --text-base: #1f1f2f;
  --text-weak: #52526b;
  --text-weaker: #b8b8b2;
  --text-strong: #05040c;
  --border-base: #c4c6ba;
  --border-weak-base: #e2e3da;
  --border-strong-base: #9fa293;
  --border-weaker-base: #f0f0ea;
  --border-hover: #b8baae;
  --icon-base: #868681;
  --icon-hover: #585853;
  --icon-weak-base: #cbcbc5;
  --icon-critical-base: #eb637e;
  --icon-warning-base: #d19661;
  --icon-success-base: #65ba83;
  --icon-invert-base: #ffffff;
  --input-base: #fefef8;
  --input-hover: #f9f9f3;
  --input-focus: #fafaff;
  --button-secondary-base: #fefef8;
  --button-secondary-hover: #f9f9f3;
  --button-ghost-hover: #f8f8f2;
  --button-primary-base: #05040c;
  --text-interactive-base: #7c6bf5;
  --surface-interactive-base: #e7e7ff;
  --border-interactive-base: #9c97f8;
  --text-on-interactive-base: #fefef8;
  --surface-critical-base: #ffe0e4;
  --text-on-critical-base: #eb637e;
  --surface-success-base: #d7f4df;
  --text-on-success-base: #45cf80;
  --surface-warning-base: #fde7d4;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #2fbf71;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #f7a14d;
  --syntax-primitive: #d16090;
  --syntax-constant: #1d7fc5;
  --syntax-property: #7c6bf5;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="dracula"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #14151f;
  --background-weak: #181926;
  --background-strong: #161722;
  --background-stronger: #191a26;
  --surface-base: #07070f;
  --surface-base-hover: #0d0e17;
  --surface-raised-base: #04050c;
  --surface-raised-base-hover: #07070f;
  --surface-raised-strong: #14151f;
  --surface-strong: #333540;
  --surface-inset-base: #07070f;
  --surface-base-active: #0d0e17;
  --surface-raised-stronger: #252631;
  --text-base: #f8f8f2;
  --text-weak: #b6b9e4;
  --text-weaker: #666874;
  --text-strong: #ffffff;
  --border-base: #3f415a;
  --border-weak-base: #2d2f3c;
  --border-strong-base: #606488;
  --border-weaker-base: #0d0e17;
  --border-hover: #464967;
  --icon-base: #787986;
  --icon-hover: #90919e;
  --icon-weak-base: #33343f;
  --icon-critical-base: #ff5555;
  --icon-warning-base: #784d1a;
  --icon-success-base: #006d1c;
  --icon-invert-base: #06070f;
  --input-base: #0c0c15;
  --input-hover: #0c0c15;
  --input-focus: #0d0913;
  --button-secondary-base: #14151f;
  --button-secondary-hover: #1d1e28;
  --button-ghost-hover: #07070f;
  --button-primary-base: #ffffff;
  --text-interactive-base: #be99f4;
  --surface-interactive-base: #1e152c;
  --border-interactive-base: #634888;
  --text-on-interactive-base: #eff1ff;
  --surface-critical-base: #320c0b;
  --text-on-critical-base: #ff5555;
  --surface-success-base: #002207;
  --text-on-success-base: #50fa7b;
  --surface-warning-base: #261706;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #50fa7b;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #ffb86c;
  --syntax-primitive: #ff79c6;
  --syntax-constant: #8be9fd;
  --syntax-property: #bd93f9;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="gruvbox"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #fbf1c7;
  --background-weak: #f2e5bc;
  --background-strong: #f9f5d7;
  --background-stronger: #fdf9e8;
  --surface-base: #fbf8e9;
  --surface-base-hover: #f3efe0;
  --surface-raised-base: #fefdee;
  --surface-raised-base-hover: #fbf8e9;
  --surface-raised-strong: #fffeef;
  --surface-strong: #ffffff;
  --surface-inset-base: #fbf8e9;
  --surface-base-active: #f3efe0;
  --surface-raised-stronger: #ffffff;
  --text-base: #3c3836;
  --text-weak: #7c6f64;
  --text-weaker: #bbb8a9;
  --text-strong: #282828;
  --border-base: #bdae93;
  --border-weak-base: #d5c4a1;
  --border-strong-base: #7c6f64;
  --border-weaker-base: #f3efe0;
  --border-hover: #b0a285;
  --icon-base: #898679;
  --icon-hover: #5b584c;
  --icon-weak-base: #cecbbc;
  --icon-critical-base: #ae1f1a;
  --icon-warning-base: #c89b65;
  --icon-success-base: #aaa86e;
  --icon-invert-base: #ffffff;
  --input-base: #fffeef;
  --input-hover: #fcf9ea;
  --input-focus: #f6fdff;
  --button-secondary-base: #fffeef;
  --button-secondary-hover: #fcf9ea;
  --button-ghost-hover: #fbf8e9;
  --button-primary-base: #282828;
  --text-interactive-base: #076678;
  --surface-interactive-base: #ddeff4;
  --border-interactive-base: #7baebb;
  --text-on-interactive-base: #fffeef;
  --surface-critical-base: #ffe1db;
  --text-on-critical-base: #ae1f1a;
  --surface-success-base: #ededd8;
  --text-on-success-base: #888325;
  --surface-warning-base: #f9e8d5;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #79740e;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #b57614;
  --syntax-primitive: #9d0006;
  --syntax-constant: #8f3f71;
  --syntax-property: #076678;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="gruvbox"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #282828;
  --background-weak: #32302f;
  --background-strong: #1d2021;
  --background-stronger: #141617;
  --surface-base: #080808;
  --surface-base-hover: #0f0f0f;
  --surface-raised-base: #050505;
  --surface-raised-base-hover: #080808;
  --surface-raised-strong: #161616;
  --surface-strong: #363636;
  --surface-inset-base: #080808;
  --surface-base-active: #0f0f0f;
  --surface-raised-stronger: #272727;
  --text-base: #ebdbb2;
  --text-weak: #a89984;
  --text-weaker: #696969;
  --text-strong: #fbf1c7;
  --border-base: #665c54;
  --border-weak-base: #504945;
  --border-strong-base: #928374;
  --border-weaker-base: #0f0f0f;
  --border-hover: #70665d;
  --icon-base: #7a7a7a;
  --icon-hover: #929292;
  --icon-weak-base: #353535;
  --icon-critical-base: #fb4934;
  --icon-warning-base: #765000;
  --icon-success-base: #5c5d00;
  --icon-invert-base: #070707;
  --input-base: #0d0d0d;
  --input-hover: #0d0d0d;
  --input-focus: #090c0b;
  --button-secondary-base: #161616;
  --button-secondary-hover: #1f1f1f;
  --button-ghost-hover: #080808;
  --button-primary-base: #fbf1c7;
  --text-interactive-base: #97b6aa;
  --surface-interactive-base: #151d1a;
  --border-interactive-base: #485e55;
  --text-on-interactive-base: #f2f2f2;
  --surface-critical-base: #330b07;
  --text-on-critical-base: #fb4934;
  --surface-success-base: #1c1c00;
  --text-on-success-base: #b8bb26;
  --surface-warning-base: #251800;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #b8bb26;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #fabd2f;
  --syntax-primitive: #fb4934;
  --syntax-constant: #d3869b;
  --syntax-property: #83a598;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="monokai"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #fdf8ec;
  --background-weak: #f8f2e6;
  --background-strong: #fbf5e8;
  --background-stronger: #f7efdd;
  --surface-base: #fcf7eb;
  --surface-base-hover: #f4efe3;
  --surface-raised-base: #fffdf1;
  --surface-raised-base-hover: #fcf7eb;
  --surface-raised-strong: #fffdf1;
  --surface-strong: #ffffff;
  --surface-inset-base: #fcf7eb;
  --surface-base-active: #f4efe3;
  --surface-raised-stronger: #ffffff;
  --text-base: #292318;
  --text-weak: #6d5c40;
  --text-weaker: #bcb7ac;
  --text-strong: #1c150c;
  --border-base: #c7b9a5;
  --border-weak-base: #e9e0cf;
  --border-strong-base: #998b76;
  --border-weaker-base: #f4efe3;
  --border-hover: #bcae98;
  --icon-base: #8a867b;
  --icon-hover: #5c584e;
  --icon-weak-base: #cfcabf;
  --icon-critical-base: #f75c5a;
  --icon-warning-base: #cb9a5e;
  --icon-success-base: #75b871;
  --icon-invert-base: #ffffff;
  --input-base: #fffdf1;
  --input-hover: #fdf8ec;
  --input-focus: #fff9ff;
  --button-secondary-base: #fffdf1;
  --button-secondary-hover: #fdf8ec;
  --button-ghost-hover: #fcf7eb;
  --button-primary-base: #1c150c;
  --text-interactive-base: #bf7bff;
  --surface-interactive-base: #f3e4ff;
  --border-interactive-base: #b98de8;
  --text-on-interactive-base: #fffdf1;
  --surface-critical-base: #ffe0dc;
  --text-on-critical-base: #f75c5a;
  --surface-success-base: #dbf3d9;
  --text-on-success-base: #60c55b;
  --surface-warning-base: #fbe8d3;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #4fb54b;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #f1a948;
  --syntax-primitive: #d9487c;
  --syntax-constant: #2d9ad7;
  --syntax-property: #bf7bff;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="monokai"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #23241e;
  --background-weak: #27281f;
  --background-strong: #25261f;
  --background-stronger: #292a23;
  --surface-base: #080805;
  --surface-base-hover: #0e0f0a;
  --surface-raised-base: #050603;
  --surface-raised-base-hover: #080805;
  --surface-raised-strong: #161711;
  --surface-strong: #353631;
  --surface-inset-base: #080805;
  --surface-base-active: #0e0f0a;
  --surface-raised-stronger: #272822;
  --text-base: #f8f8f2;
  --text-weak: #c5c5c0;
  --text-weaker: #686a63;
  --text-strong: #ffffff;
  --border-base: #494a3a;
  --border-weak-base: #343528;
  --border-strong-base: #6a6c55;
  --border-weaker-base: #0e0f0a;
  --border-hover: #50523f;
  --icon-base: #7a7b74;
  --icon-hover: #92938c;
  --icon-weak-base: #353630;
  --icon-critical-base: #f92672;
  --icon-warning-base: #854500;
  --icon-success-base: #426500;
  --icon-invert-base: #070804;
  --input-base: #0d0e09;
  --input-hover: #0d0e09;
  --input-focus: #0d0915;
  --button-secondary-base: #161711;
  --button-secondary-hover: #1f201a;
  --button-ghost-hover: #080805;
  --button-primary-base: #ffffff;
  --text-interactive-base: #bb95ff;
  --surface-interactive-base: #1e1430;
  --border-interactive-base: #624594;
  --text-on-interactive-base: #f1f3eb;
  --surface-critical-base: #340714;
  --text-on-critical-base: #f92672;
  --surface-success-base: #131f00;
  --text-on-success-base: #a6e22e;
  --surface-warning-base: #2b1400;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #a6e22e;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #fd971f;
  --syntax-primitive: #f92672;
  --syntax-constant: #66d9ef;
  --syntax-property: #ae81ff;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="nightowl"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #fbfbfb;
  --background-weak: #f0f0f0;
  --background-strong: #ffffff;
  --background-stronger: #ffffff;
  --surface-base: #f7f7f7;
  --surface-base-hover: #efefef;
  --surface-raised-base: #fcfcfc;
  --surface-raised-base-hover: #f7f7f7;
  --surface-raised-strong: #fdfdfd;
  --surface-strong: #ffffff;
  --surface-inset-base: #f7f7f7;
  --surface-base-active: #efefef;
  --surface-raised-stronger: #ffffff;
  --text-base: #403f53;
  --text-weak: #7a8181;
  --text-weaker: #b7b7b7;
  --text-strong: #1a1a1a;
  --border-base: #c0c0c0;
  --border-weak-base: #d9d9d9;
  --border-strong-base: #90a7b2;
  --border-weaker-base: #efefef;
  --border-hover: #b3b3b3;
  --icon-base: #868686;
  --icon-hover: #585858;
  --icon-weak-base: #cacaca;
  --icon-critical-base: #f04f4a;
  --icon-warning-base: #d68f8b;
  --icon-success-base: #6eb4ac;
  --icon-invert-base: #ffffff;
  --input-base: #fdfdfd;
  --input-hover: #f8f8f8;
  --input-focus: #f6fcff;
  --button-secondary-base: #fdfdfd;
  --button-secondary-hover: #f8f8f8;
  --button-ghost-hover: #f7f7f7;
  --button-primary-base: #1a1a1a;
  --text-interactive-base: #4876d6;
  --surface-interactive-base: #deecff;
  --border-interactive-base: #80a4e9;
  --text-on-interactive-base: #fdfdfd;
  --surface-critical-base: #ffdfda;
  --text-on-critical-base: #f04f4a;
  --surface-success-base: #d9f1ee;
  --text-on-success-base: #3fb2a7;
  --surface-warning-base: #ffe4e2;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #c96765;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #994cc3;
  --syntax-primitive: #aa0982;
  --syntax-constant: #2aa298;
  --syntax-property: #4876d6;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="nightowl"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #011627;
  --background-weak: #0b253a;
  --background-strong: #001122;
  --background-stronger: #000c17;
  --surface-base: #03090f;
  --surface-base-hover: #071017;
  --surface-raised-base: #01060c;
  --surface-raised-base-hover: #03090f;
  --surface-raised-strong: #0f171f;
  --surface-strong: #2e3740;
  --surface-inset-base: #03090f;
  --surface-base-active: #071017;
  --surface-raised-stronger: #1f2930;
  --text-base: #d6deeb;
  --text-weak: #5f7e97;
  --text-weaker: #606a74;
  --text-strong: #ffffff;
  --border-base: #3a5a75;
  --border-weak-base: #1d3b53;
  --border-strong-base: #5f7e97;
  --border-weaker-base: #071017;
  --border-hover: #456785;
  --icon-base: #717c86;
  --icon-hover: #88949e;
  --icon-weak-base: #2d373f;
  --icon-critical-base: #ef5350;
  --icon-warning-base: #6b5331;
  --icon-success-base: #4f6019;
  --icon-invert-base: #02080f;
  --input-base: #060e15;
  --input-hover: #060e15;
  --input-focus: #070b14;
  --button-secondary-base: #0e171f;
  --button-secondary-hover: #172028;
  --button-ghost-hover: #03090f;
  --button-primary-base: #ffffff;
  --text-interactive-base: #88adf9;
  --surface-interactive-base: #111a2d;
  --border-interactive-base: #3e568b;
  --text-on-interactive-base: #e7f4ff;
  --surface-critical-base: #310d0c;
  --text-on-critical-base: #ef5350;
  --surface-success-base: #171e06;
  --text-on-success-base: #c5e478;
  --surface-warning-base: #22190d;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #ecc48d;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #c5e478;
  --syntax-primitive: #f78c6c;
  --syntax-constant: #7fdbca;
  --syntax-property: #82aaff;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="nord"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #eceff4;
  --background-weak: #e4e8f0;
  --background-strong: #f1f3f8;
  --background-stronger: #f6f8fc;
  --surface-base: #f4f7fc;
  --surface-base-hover: #eceff4;
  --surface-raised-base: #fafdfe;
  --surface-raised-base-hover: #f4f7fc;
  --surface-raised-strong: #fbfeff;
  --surface-strong: #ffffff;
  --surface-inset-base: #f4f7fc;
  --surface-base-active: #eceff4;
  --surface-raised-stronger: #ffffff;
  --text-base: #2e3440;
  --text-weak: #4c566a;
  --text-weaker: #b5b7bc;
  --text-strong: #1f2530;
  --border-base: #afb7cb;
  --border-weak-base: #d5dbe7;
  --border-strong-base: #757f97;
  --border-weaker-base: #eceff4;
  --border-hover: #a3abc1;
  --icon-base: #84868b;
  --icon-hover: #56585c;
  --icon-weak-base: #c8cbcf;
  --icon-critical-base: #d07079;
  --icon-warning-base: #cb9686;
  --icon-success-base: #8dacab;
  --icon-invert-base: #ffffff;
  --input-base: #fbfeff;
  --input-hover: #f6f9fe;
  --input-focus: #f8fcff;
  --button-secondary-base: #fbfeff;
  --button-secondary-hover: #f6f9fe;
  --button-ghost-hover: #f4f7fc;
  --button-primary-base: #1f2530;
  --text-interactive-base: #5e81ac;
  --surface-interactive-base: #e3ecf8;
  --border-interactive-base: #8ea7c6;
  --text-on-interactive-base: #fbfeff;
  --surface-critical-base: #ffe4e4;
  --text-on-critical-base: #d07079;
  --surface-success-base: #e3eeed;
  --text-on-success-base: #9fcccb;
  --surface-warning-base: #fbe6e0;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #a3be8c;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #d08770;
  --syntax-primitive: #bf616a;
  --syntax-constant: #81a1c1;
  --syntax-property: #5e81ac;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="nord"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #1f2430;
  --background-weak: #222938;
  --background-strong: #1c202a;
  --background-stronger: #181c24;
  --surface-base: #050810;
  --surface-base-hover: #0a0f17;
  --surface-raised-base: #03050c;
  --surface-raised-base-hover: #050810;
  --surface-raised-strong: #111620;
  --surface-strong: #303641;
  --surface-inset-base: #050810;
  --surface-base-active: #0a0f17;
  --surface-raised-stronger: #232732;
  --text-base: #e5e9f0;
  --text-weak: #a4adbf;
  --text-weaker: #636975;
  --text-strong: #f8fafc;
  --border-base: #4a5163;
  --border-weak-base: #343a47;
  --border-strong-base: #6a7492;
  --border-weaker-base: #0a0f17;
  --border-hover: #515870;
  --icon-base: #747a87;
  --icon-hover: #8c929f;
  --icon-weak-base: #303540;
  --icon-critical-base: #bf616a;
  --icon-warning-base: #794a3c;
  --icon-success-base: #4e5e3f;
  --icon-invert-base: #04070f;
  --input-base: #090d16;
  --input-hover: #090d16;
  --input-focus: #070c0e;
  --button-secondary-base: #11161f;
  --button-secondary-hover: #1a1f29;
  --button-ghost-hover: #050810;
  --button-primary-base: #f8fafc;
  --text-interactive-base: #86b7c5;
  --surface-interactive-base: #101d20;
  --border-interactive-base: #3b5e68;
  --text-on-interactive-base: #ebf2ff;
  --surface-critical-base: #291315;
  --text-on-critical-base: #bf616a;
  --surface-success-base: #171d12;
  --text-on-success-base: #a3be8c;
  --surface-warning-base: #261611;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #a3be8c;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #eac196;
  --syntax-primitive: #d57780;
  --syntax-constant: #81a1c1;
  --syntax-property: #88c0d0;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="oc-1"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f8f7f7;
  --background-weak: var(--smoke-light-3);
  --background-strong: var(--smoke-light-1);
  --background-stronger: #fcfcfc;
  --surface-base: var(--smoke-light-alpha-2);
  --surface-base-hover: #0500000f;
  --surface-raised-base: var(--smoke-light-alpha-2);
  --surface-raised-base-hover: var(--smoke-light-alpha-3);
  --surface-raised-strong: var(--smoke-light-1);
  --surface-strong: #ffffff;
  --surface-inset-base: var(--smoke-light-alpha-2);
  --surface-base-active: var(--smoke-light-alpha-3);
  --surface-raised-stronger: var(--white);
  --text-base: var(--smoke-light-11);
  --text-weak: var(--smoke-light-9);
  --text-weaker: var(--smoke-light-8);
  --text-strong: var(--smoke-light-12);
  --border-base: var(--smoke-light-alpha-7);
  --border-weak-base: var(--smoke-light-alpha-5);
  --border-strong-base: var(--smoke-light-alpha-7);
  --border-weaker-base: var(--smoke-light-alpha-3);
  --border-hover: var(--smoke-light-alpha-8);
  --icon-base: var(--smoke-light-9);
  --icon-hover: var(--smoke-light-11);
  --icon-weak-base: var(--smoke-light-7);
  --icon-critical-base: var(--ember-light-10);
  --icon-warning-base: var(--amber-light-7);
  --icon-success-base: var(--apple-light-7);
  --icon-invert-base: #ffffff;
  --input-base: var(--smoke-light-1);
  --input-hover: var(--smoke-light-2);
  --input-focus: var(--cobalt-light-1);
  --button-secondary-base: #fdfcfc;
  --button-secondary-hover: #faf9f9;
  --button-ghost-hover: var(--smoke-light-alpha-2);
  --button-primary-base: var(--smoke-light-12);
  --text-interactive-base: var(--cobalt-light-9);
  --surface-interactive-base: var(--cobalt-light-3);
  --border-interactive-base: var(--cobalt-light-7);
  --text-on-interactive-base: var(--smoke-light-1);
  --surface-critical-base: var(--ember-light-3);
  --text-on-critical-base: var(--ember-light-10);
  --surface-success-base: var(--apple-light-3);
  --text-on-success-base: var(--apple-light-10);
  --surface-warning-base: var(--solaris-light-3);
  --syntax-keyword: var(--text-weak);
  --syntax-string: #006656;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #596600;
  --syntax-primitive: #fb4804;
  --syntax-constant: #007b80;
  --syntax-property: #ed6dc8;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
  --amber-light-7: #f3ba63;
  --apple-light-10: #00bd00;
  --apple-light-3: #e1fade;
  --apple-light-7: #7dd676;
  --cobalt-light-1: #fcfdff;
  --cobalt-light-3: #eaf2ff;
  --cobalt-light-7: #98bfff;
  --cobalt-light-9: #034cff;
  --ember-light-10: #ef442a;
  --ember-light-3: #ffe9e4;
  --smoke-light-1: #fdfcfc;
  --smoke-light-11: #656363;
  --smoke-light-12: #211e1e;
  --smoke-light-2: #f9f8f8;
  --smoke-light-3: #f1f0f0;
  --smoke-light-7: #cfcecd;
  --smoke-light-8: #bcbbbb;
  --smoke-light-9: #8e8b8b;
  --smoke-light-alpha-2: #25000007;
  --smoke-light-alpha-3: #1100000f;
  --smoke-light-alpha-5: #1100001f;
  --smoke-light-alpha-7: #0b060032;
  --smoke-light-alpha-8: #04000044;
  --solaris-light-3: #fff6be;
  --white: #ffffff;
}

html[data-theme="oc-1"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: var(--smoke-dark-1);
  --background-weak: #1c1717;
  --background-strong: #151313;
  --background-stronger: #191515;
  --surface-base: var(--smoke-dark-alpha-2);
  --surface-base-hover: #e0b7b716;
  --surface-raised-base: var(--smoke-dark-alpha-3);
  --surface-raised-base-hover: var(--smoke-dark-alpha-4);
  --surface-raised-strong: var(--smoke-dark-alpha-4);
  --surface-strong: var(--smoke-dark-alpha-7);
  --surface-inset-base: #0e0b0b7f;
  --surface-base-active: var(--smoke-dark-alpha-3);
  --surface-raised-stronger: var(--smoke-dark-alpha-6);
  --text-base: var(--smoke-dark-alpha-11);
  --text-weak: var(--smoke-dark-alpha-9);
  --text-weaker: var(--smoke-dark-alpha-8);
  --text-strong: var(--smoke-dark-alpha-12);
  --border-base: var(--smoke-dark-alpha-7);
  --border-weak-base: var(--smoke-dark-alpha-6);
  --border-strong-base: var(--smoke-dark-alpha-8);
  --border-weaker-base: var(--smoke-dark-alpha-3);
  --border-hover: var(--smoke-dark-alpha-8);
  --icon-base: var(--smoke-dark-9);
  --icon-hover: var(--smoke-dark-10);
  --icon-weak-base: var(--smoke-dark-6);
  --icon-critical-base: var(--ember-dark-9);
  --icon-warning-base: var(--amber-dark-7);
  --icon-success-base: var(--apple-dark-9);
  --icon-invert-base: var(--smoke-dark-1);
  --input-base: var(--smoke-dark-2);
  --input-hover: var(--smoke-dark-2);
  --input-focus: var(--cobalt-dark-1);
  --button-secondary-base: #231f1f;
  --button-secondary-hover: #2a2727;
  --button-ghost-hover: var(--smoke-dark-alpha-2);
  --button-primary-base: var(--smoke-dark-12);
  --text-interactive-base: var(--cobalt-dark-11);
  --surface-interactive-base: var(--cobalt-dark-3);
  --border-interactive-base: var(--cobalt-light-7);
  --text-on-interactive-base: var(--smoke-dark-12);
  --surface-critical-base: var(--ember-dark-3);
  --text-on-critical-base: var(--ember-dark-9);
  --surface-success-base: var(--apple-dark-3);
  --text-on-success-base: var(--apple-dark-9);
  --surface-warning-base: var(--solaris-light-3);
  --syntax-keyword: var(--text-weak);
  --syntax-string: #00ceb9;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #ecf58c;
  --syntax-primitive: #ffba92;
  --syntax-constant: #93e9f6;
  --syntax-property: #ff9ae2;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
  --amber-dark-7: #693f05;
  --apple-dark-3: #152d13;
  --apple-dark-9: #12c905;
  --cobalt-dark-1: #091120;
  --cobalt-dark-11: #89b5ff;
  --cobalt-dark-3: #0c2255;
  --cobalt-light-7: #98bfff;
  --ember-dark-3: #3c140d;
  --ember-dark-9: #fc533a;
  --smoke-dark-1: #131010;
  --smoke-dark-10: #7f7979;
  --smoke-dark-12: #f1ecec;
  --smoke-dark-2: #1b1818;
  --smoke-dark-6: #3e3939;
  --smoke-dark-9: #716c6b;
  --smoke-dark-alpha-11: #fcf9f9b2;
  --smoke-dark-alpha-12: #fdfbfbf0;
  --smoke-dark-alpha-2: #e6c6c60b;
  --smoke-dark-alpha-3: #edd5d516;
  --smoke-dark-alpha-4: #f2e1e11e;
  --smoke-dark-alpha-6: #f5e8e831;
  --smoke-dark-alpha-7: #f7ecec3f;
  --smoke-dark-alpha-8: #faf5f559;
  --smoke-dark-alpha-9: #faf5f467;
  --solaris-light-3: #fff6be;
}

html[data-theme="onedarkpro"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f5f6f8;
  --background-weak: #eef0f4;
  --background-strong: #fafbfc;
  --background-stronger: #ffffff;
  --surface-base: #f6f7f9;
  --surface-base-hover: #eeeff1;
  --surface-raised-base: #fbfcfe;
  --surface-raised-base-hover: #f6f7f9;
  --surface-raised-strong: #fcfdff;
  --surface-strong: #ffffff;
  --surface-inset-base: #f6f7f9;
  --surface-base-active: #eeeff1;
  --surface-raised-stronger: #ffffff;
  --text-base: #2b303b;
  --text-weak: #6b717f;
  --text-weaker: #b6b7b9;
  --text-strong: #0e1118;
  --border-base: #b5bccd;
  --border-weak-base: #dee2eb;
  --border-strong-base: #747c92;
  --border-weaker-base: #eeeff1;
  --border-hover: #aab1c2;
  --icon-base: #858688;
  --icon-hover: #57585a;
  --icon-weak-base: #c9cacc;
  --icon-critical-base: #f27c84;
  --icon-warning-base: #c39c79;
  --icon-success-base: #7bb48c;
  --icon-invert-base: #ffffff;
  --input-base: #fcfdff;
  --input-hover: #f7f8fa;
  --input-focus: #f5fcff;
  --button-secondary-base: #fcfdff;
  --button-secondary-hover: #f7f8fa;
  --button-ghost-hover: #f6f7f9;
  --button-primary-base: #0e1118;
  --text-interactive-base: #528bff;
  --surface-interactive-base: #dbecff;
  --border-interactive-base: #79a3f5;
  --text-on-interactive-base: #fcfdff;
  --surface-critical-base: #ffe2e2;
  --text-on-critical-base: #f27c84;
  --surface-success-base: #ddf1e2;
  --text-on-success-base: #5fb67c;
  --surface-warning-base: #f7e8db;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #4fa66d;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #d19a66;
  --syntax-primitive: #d85462;
  --syntax-constant: #61afef;
  --syntax-property: #528bff;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="onedarkpro"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #1e222a;
  --background-weak: #212631;
  --background-strong: #1b1f27;
  --background-stronger: #171b23;
  --surface-base: #05080e;
  --surface-base-hover: #0b0f16;
  --surface-raised-base: #03050b;
  --surface-raised-base-hover: #05080e;
  --surface-raised-strong: #12161e;
  --surface-strong: #31363f;
  --surface-inset-base: #05080e;
  --surface-base-active: #0b0f16;
  --surface-raised-stronger: #232730;
  --text-base: #abb2bf;
  --text-weak: #818899;
  --text-weaker: #646973;
  --text-strong: #f6f7fb;
  --border-base: #4a5164;
  --border-weak-base: #323848;
  --border-strong-base: #6a7390;
  --border-weaker-base: #0b0f16;
  --border-hover: #515871;
  --icon-base: #757a84;
  --icon-hover: #8d929d;
  --icon-weak-base: #31353e;
  --icon-critical-base: #e06c75;
  --icon-warning-base: #6b5428;
  --icon-success-base: #476133;
  --icon-invert-base: #05070e;
  --input-base: #0a0d14;
  --input-hover: #0a0d14;
  --input-focus: #050c12;
  --button-secondary-base: #12161e;
  --button-secondary-hover: #1b1f27;
  --button-ghost-hover: #05080e;
  --button-primary-base: #f6f7fb;
  --text-interactive-base: #70b5ef;
  --surface-interactive-base: #0b1c2a;
  --border-interactive-base: #2a5c84;
  --text-on-interactive-base: #ecf2fd;
  --surface-critical-base: #2c1113;
  --text-on-critical-base: #e06c75;
  --surface-success-base: #141e0e;
  --text-on-success-base: #98c379;
  --surface-warning-base: #21190a;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #98c379;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #e5c07b;
  --syntax-primitive: #e06c75;
  --syntax-constant: #56b6c2;
  --syntax-property: #61afef;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="shadesofpurple"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #f7ebff;
  --background-weak: #f2e2ff;
  --background-strong: #fbf2ff;
  --background-stronger: #fff7ff;
  --surface-base: #fcf4fe;
  --surface-base-hover: #f4ecfa;
  --surface-raised-base: #fffbff;
  --surface-raised-base-hover: #fcf4fe;
  --surface-raised-strong: #fffaff;
  --surface-strong: #ffffff;
  --surface-inset-base: #fcf4fe;
  --surface-base-active: #f4ecfa;
  --surface-raised-stronger: #ffffff;
  --text-base: #3b2c59;
  --text-weak: #6c568f;
  --text-weaker: #bcb4c1;
  --text-strong: #1c1033;
  --border-base: #baa4d5;
  --border-weak-base: #e5d3ff;
  --border-strong-base: #8769a9;
  --border-weaker-base: #f4ecfa;
  --border-hover: #b098cb;
  --icon-base: #8a838f;
  --icon-hover: #5c5560;
  --icon-weak-base: #cfc7d4;
  --icon-critical-base: #ff7ce6;
  --icon-warning-base: #bfa152;
  --icon-success-base: #5fba8f;
  --icon-invert-base: #ffffff;
  --input-base: #fffaff;
  --input-hover: #fdf5ff;
  --input-focus: #fafaff;
  --button-secondary-base: #fffaff;
  --button-secondary-hover: #fdf5ff;
  --button-ghost-hover: #fcf4fe;
  --button-primary-base: #1c1033;
  --text-interactive-base: #7a5af8;
  --surface-interactive-base: #e8e6ff;
  --border-interactive-base: #9f93ff;
  --text-on-interactive-base: #fffaff;
  --surface-critical-base: #ffdef6;
  --text-on-critical-base: #ff7ce6;
  --surface-success-base: #d6f4e3;
  --text-on-success-base: #53e6a8;
  --surface-warning-base: #f5eacf;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #3dd598;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #f7c948;
  --syntax-primitive: #ff6bd5;
  --syntax-constant: #62d4ff;
  --syntax-property: #7a5af8;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="shadesofpurple"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #1a102b;
  --background-weak: #1f1434;
  --background-strong: #1c122f;
  --background-stronger: #170e26;
  --surface-base: #09060f;
  --surface-base-hover: #100d16;
  --surface-raised-base: #06040b;
  --surface-raised-base-hover: #09060f;
  --surface-raised-strong: #17141f;
  --surface-strong: #37333f;
  --surface-inset-base: #09060f;
  --surface-base-active: #100d16;
  --surface-raised-stronger: #292530;
  --text-base: #f5f0ff;
  --text-weak: #c9b6ff;
  --text-weaker: #6a6773;
  --text-strong: #ffffff;
  --border-base: #4d3a73;
  --border-weak-base: #352552;
  --border-strong-base: #7659b0;
  --border-weaker-base: #100d16;
  --border-hover: #553f7f;
  --icon-base: #7c7885;
  --icon-hover: #93909d;
  --icon-weak-base: #37333e;
  --icon-critical-base: #ff7ac6;
  --icon-warning-base: #6d541b;
  --icon-success-base: #236649;
  --icon-invert-base: #08060e;
  --input-base: #0e0b15;
  --input-hover: #0e0b15;
  --input-focus: #0e0813;
  --button-secondary-base: #17141e;
  --button-secondary-hover: #201d28;
  --button-ghost-hover: #09060f;
  --button-primary-base: #ffffff;
  --text-interactive-base: #c495f6;
  --surface-interactive-base: #20142c;
  --border-interactive-base: #674589;
  --text-on-interactive-base: #f3effe;
  --surface-critical-base: #2c0f1f;
  --text-on-critical-base: #ff7ac6;
  --surface-success-base: #092015;
  --text-on-success-base: #7be0b0;
  --surface-warning-base: #221907;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #7be0b0;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #ffd580;
  --syntax-primitive: #ff7ac6;
  --syntax-constant: #7dd4ff;
  --syntax-property: #c792ff;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="solarized"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #fdf6e3;
  --background-weak: #f6efda;
  --background-strong: #faf3dc;
  --background-stronger: #f6edd4;
  --surface-base: #fdf7e9;
  --surface-base-hover: #f4efe0;
  --surface-raised-base: #fffdef;
  --surface-raised-base-hover: #fdf7e9;
  --surface-raised-strong: #fffdef;
  --surface-strong: #ffffff;
  --surface-inset-base: #fdf7e9;
  --surface-base-active: #f4efe0;
  --surface-raised-stronger: #ffffff;
  --text-base: #586e75;
  --text-weak: #7a8c8e;
  --text-weaker: #bcb7a9;
  --text-strong: #073642;
  --border-base: #bcb5a0;
  --border-weak-base: #e3e0cd;
  --border-strong-base: #8c8572;
  --border-weaker-base: #f4efe0;
  --border-hover: #b1aa96;
  --icon-base: #8b8679;
  --icon-hover: #5c584c;
  --icon-weak-base: #cfcabc;
  --icon-critical-base: #ee463f;
  --icon-warning-base: #bfa05d;
  --icon-success-base: #9eae5f;
  --icon-invert-base: #ffffff;
  --input-base: #fffdef;
  --input-hover: #fef8ea;
  --input-focus: #f4fdff;
  --button-secondary-base: #fffdef;
  --button-secondary-hover: #fef8ea;
  --button-ghost-hover: #fdf7e9;
  --button-primary-base: #073642;
  --text-interactive-base: #268bd2;
  --surface-interactive-base: #d9eeff;
  --border-interactive-base: #6eabde;
  --text-on-interactive-base: #fffdef;
  --surface-critical-base: #ffdfd9;
  --text-on-critical-base: #ee463f;
  --surface-success-base: #e8efd3;
  --text-on-success-base: #94a924;
  --surface-warning-base: #f5ead2;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #859900;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #b58900;
  --syntax-primitive: #d33682;
  --syntax-constant: #2aa198;
  --syntax-property: #268bd2;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="solarized"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #001f27;
  --background-weak: #022733;
  --background-strong: #01222b;
  --background-stronger: #032830;
  --surface-base: #01090d;
  --surface-base-hover: #051115;
  --surface-raised-base: #00060a;
  --surface-raised-base-hover: #01090d;
  --surface-raised-strong: #0b191d;
  --surface-strong: #2b383d;
  --surface-inset-base: #01090d;
  --surface-base-active: #051115;
  --surface-raised-stronger: #1c2a2f;
  --text-base: #93a1a1;
  --text-weak: #6c7f80;
  --text-weaker: #5d6c71;
  --text-strong: #fdf6e3;
  --border-base: #31505b;
  --border-weak-base: #20373f;
  --border-strong-base: #4a7887;
  --border-weaker-base: #051115;
  --border-hover: #365765;
  --icon-base: #6e7d83;
  --icon-hover: #85959b;
  --icon-weak-base: #2a383d;
  --icon-critical-base: #dc322f;
  --icon-warning-base: #6f5301;
  --icon-success-base: #535f05;
  --icon-invert-base: #01090d;
  --input-base: #040f13;
  --input-hover: #040f13;
  --input-focus: #090a13;
  --button-secondary-base: #0b181c;
  --button-secondary-hover: #142226;
  --button-ghost-hover: #01090d;
  --button-primary-base: #fdf6e3;
  --text-interactive-base: #9fa6f5;
  --surface-interactive-base: #17182c;
  --border-interactive-base: #4e5288;
  --text-on-interactive-base: #e4f5fb;
  --surface-critical-base: #320c0a;
  --text-on-critical-base: #dc322f;
  --surface-success-base: #191d03;
  --text-on-success-base: #859900;
  --surface-warning-base: #231903;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #859900;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #b58900;
  --syntax-primitive: #d33682;
  --syntax-constant: #2aa198;
  --syntax-property: #6c71c4;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="tokyonight"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #e1e2e7;
  --background-weak: #dee0ea;
  --background-strong: #e5e6ee;
  --background-stronger: #e9eaf1;
  --surface-base: #f6f7fc;
  --surface-base-hover: #eeeff4;
  --surface-raised-base: #fbfcfe;
  --surface-raised-base-hover: #f6f7fc;
  --surface-raised-strong: #fcfdff;
  --surface-strong: #ffffff;
  --surface-inset-base: #f6f7fc;
  --surface-base-active: #eeeff4;
  --surface-raised-stronger: #ffffff;
  --text-base: #273153;
  --text-weak: #5c6390;
  --text-weaker: #b6b7bc;
  --text-strong: #1c2544;
  --border-base: #a7abbb;
  --border-weak-base: #cdd0dc;
  --border-strong-base: #757b90;
  --border-weaker-base: #eeeff4;
  --border-hover: #9ba0b1;
  --icon-base: #85868a;
  --icon-hover: #57585c;
  --icon-weak-base: #c9cacf;
  --icon-critical-base: #db516e;
  --icon-warning-base: #b8a080;
  --icon-success-base: #97ad82;
  --icon-invert-base: #ffffff;
  --input-base: #fcfdff;
  --input-hover: #f7f8fd;
  --input-focus: #f4fdff;
  --button-secondary-base: #fcfdff;
  --button-secondary-hover: #f7f8fd;
  --button-ghost-hover: #f6f7fc;
  --button-primary-base: #1c2544;
  --text-interactive-base: #2e7de9;
  --surface-interactive-base: #d9edff;
  --border-interactive-base: #71a6f3;
  --text-on-interactive-base: #fcfdff;
  --surface-critical-base: #ffe0e4;
  --text-on-critical-base: #db516e;
  --surface-success-base: #e6efdf;
  --text-on-success-base: #668447;
  --surface-warning-base: #f3eade;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #587539;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #3760bf;
  --syntax-primitive: #b15c00;
  --syntax-constant: #007197;
  --syntax-property: #9854f1;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="tokyonight"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #0f111a;
  --background-weak: #111428;
  --background-strong: #101324;
  --background-stronger: #13172a;
  --surface-base: #1f2335;
  --surface-base-hover: #232840;
  --surface-raised-base: #242a42;
  --surface-raised-base-hover: #272e49;
  --surface-raised-strong: #31385a;
  --surface-strong: #323858;
  --surface-inset-base: #161a2ab3;
  --surface-base-active: #262c46;
  --surface-raised-stronger: #3b4261;
  --text-base: #c0caf5;
  --text-weak: #7a88cf;
  --text-weaker: #666875;
  --text-strong: #eaeaff;
  --border-base: #3a3e57;
  --border-weak-base: #25283b;
  --border-strong-base: #5a5f82;
  --border-weaker-base: #0d0e17;
  --border-hover: #414264;
  --icon-base: #787986;
  --icon-hover: #8f919f;
  --icon-weak-base: #333440;
  --icon-critical-base: #f7768e;
  --icon-warning-base: #705224;
  --icon-success-base: #456322;
  --icon-invert-base: #06060f;
  --input-base: #0c0c16;
  --input-hover: #0c0c16;
  --input-focus: #070b14;
  --button-secondary-base: #14151f;
  --button-secondary-hover: #1d1e29;
  --button-ghost-hover: #070710;
  --button-primary-base: #eaeaff;
  --text-interactive-base: #88adfa;
  --surface-interactive-base: #111a2d;
  --border-interactive-base: #3d568c;
  --text-on-interactive-base: #eff1ff;
  --surface-critical-base: #2d1015;
  --text-on-critical-base: #f7768e;
  --surface-success-base: #141e08;
  --text-on-success-base: #9ece6a;
  --surface-warning-base: #231809;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #9ece6a;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #e0af68;
  --syntax-primitive: #ff9e64;
  --syntax-constant: #7dcfff;
  --syntax-property: #bb9af7;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

html[data-theme="vesper"][data-color-scheme="light"] {
  color-scheme: light;
  --background-base: #FFF;
  --background-weak: #F8F8F8;
  --background-strong: #F0F0F0;
  --background-stronger: #FBFBFB;
  --surface-base: #f7f7f7;
  --surface-base-hover: #efefef;
  --surface-raised-base: #fcfcfc;
  --surface-raised-base-hover: #f7f7f7;
  --surface-raised-strong: #fdfdfd;
  --surface-strong: #ffffff;
  --surface-inset-base: #f7f7f7;
  --surface-base-active: #efefef;
  --surface-raised-stronger: #ffffff;
  --text-base: #101010;
  --text-weak: #606060;
  --text-weaker: #b7b7b7;
  --text-strong: #000000;
  --border-base: #D0D0D0;
  --border-weak-base: #dfdfdf;
  --border-strong-base: #A0A0A0;
  --border-weaker-base: #efefef;
  --border-hover: #C8C8C8;
  --icon-base: #868686;
  --icon-hover: #585858;
  --icon-weak-base: #cacaca;
  --icon-critical-base: #ff908f;
  --icon-warning-base: #c29c7e;
  --icon-success-base: #72b4a2;
  --icon-invert-base: #ffffff;
  --input-base: #fdfdfd;
  --input-hover: #f8f8f8;
  --input-focus: #fffbf6;
  --button-secondary-base: #fdfdfd;
  --button-secondary-hover: #f8f8f8;
  --button-ghost-hover: #f7f7f7;
  --button-primary-base: #000000;
  --text-interactive-base: #ffc799;
  --surface-interactive-base: #f7e8dd;
  --border-interactive-base: #c29c7e;
  --text-on-interactive-base: #fdfdfd;
  --surface-critical-base: #ffe2e0;
  --text-on-critical-base: #ff908f;
  --surface-success-base: #daf1ea;
  --text-on-success-base: #aafff5;
  --surface-warning-base: #f7e8dd;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #0D5C4F;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-base);
  --syntax-type: #9C5C12;
  --syntax-primitive: #B30000;
  --syntax-constant: #404040;
  --syntax-property: #C66C00;
  --syntax-punctuation: var(--text-base);
  --syntax-regexp: var(--text-base);
}

html[data-theme="vesper"][data-color-scheme="dark"] {
  color-scheme: dark;
  --background-base: #101010;
  --background-weak: #141414;
  --background-strong: #0C0C0C;
  --background-stronger: #080808;
  --surface-base: #080808;
  --surface-base-hover: #0f0f0f;
  --surface-raised-base: #050505;
  --surface-raised-base-hover: #080808;
  --surface-raised-strong: #161616;
  --surface-strong: #363636;
  --surface-inset-base: #080808;
  --surface-base-active: #0f0f0f;
  --surface-raised-stronger: #272727;
  --text-base: #FFF;
  --text-weak: #A0A0A0;
  --text-weaker: #696969;
  --text-strong: #FFFFFF;
  --border-base: #282828;
  --border-weak-base: #1C1C1C;
  --border-strong-base: #505050;
  --border-weaker-base: #0f0f0f;
  --border-hover: #303030;
  --icon-base: #7a7a7a;
  --icon-hover: #929292;
  --icon-weak-base: #353535;
  --icon-critical-base: #ff8080;
  --icon-warning-base: #715034;
  --icon-success-base: #216556;
  --icon-invert-base: #070707;
  --input-base: #0d0d0d;
  --input-hover: #0d0d0d;
  --input-focus: #0f0a06;
  --button-secondary-base: #161616;
  --button-secondary-hover: #1f1f1f;
  --button-ghost-hover: #080808;
  --button-primary-base: #FFFFFF;
  --text-interactive-base: #d3a37b;
  --surface-interactive-base: #24180e;
  --border-interactive-base: #715034;
  --text-on-interactive-base: #f2f2f2;
  --surface-critical-base: #2d1111;
  --text-on-critical-base: #ff8080;
  --surface-success-base: #081f1a;
  --text-on-success-base: #99ffe4;
  --surface-warning-base: #24180e;
  --syntax-keyword: var(--text-weak);
  --syntax-string: #99FFE4;
  --syntax-comment: var(--text-weak);
  --syntax-variable: var(--text-strong);
  --syntax-operator: var(--text-weak);
  --syntax-type: #FFC799;
  --syntax-primitive: #FF8080;
  --syntax-constant: #A0A0A0;
  --syntax-property: #FFC799;
  --syntax-punctuation: var(--text-weak);
  --syntax-regexp: var(--text-base);
}

/* === Base element styles (FOUC prevention) === */
body { background-color: var(--background-base); color: var(--text-base); }
a { color: var(--text-interactive-base); }
header, footer { background-color: var(--surface-raised-base); border-color: var(--border-weak-base); }