/**
 * Design system dark theme variables
 * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 * 
 * Generated from: semantic.dark.json
 * Generated time: 2025-06-10T08:51:13.564Z
 * 
 * To modify these values, edit the source JSON files and run the token conversion script:
 * node scripts/system-token/convert-tokens.cjs
 */

:root[data-dark-mode=true] {
  --text-primary: #e4e8f5;
  --text-secondary: #989eb7;
  --text-tertiary: #6f748c;
  --text-quaternary: #21232a;
  --text-on-fill: #ffffff;
  --text-action: #00b5ff;
  --text-action-hover: #4ec1ff;
  --text-info: #00b5ff;
  --text-info-hover: #4ec1ff;
  --text-success: #248569;
  --text-success-hover: #48a982;
  --text-warning: #db7e21;
  --text-warning-hover: #ffa02e;
  --text-error: #f33641;
  --text-error-hover: #ff5050;
  --text-featured: #ffffff;
  --text-featured-hover: #e1b3ff;
  --icon-primary: #e4e8f5;
  --icon-secondary: #b5bbd3;
  --icon-tertiary: #6f748c;
  --icon-quaternary: #21232a;
  --icon-info-thick: #00b5ff;
  --icon-info-thick-hover: #4ec1ff;
  --icon-success-thick: #48a982;
  --icon-success-thick-hover: #248569;
  --icon-warning-thick: #db7e21;
  --icon-warning-thick-hover: #ffa02e;
  --icon-error-thick: #f33641;
  --icon-error-thick-hover: #ff5050;
  --icon-featured-thick: #9327ff;
  --icon-featured-thick-hover: #bc58ff;
  --icon-on-fill: #ffffff;
  --border-primary: #3d404f;
  --border-primary-hover: #54596e;
  --border-secondary: #ced3e6;
  --border-secondary-hover: #e4e8f5;
  --border-tertiary: #f8faff;
  --border-tertiary-hover: #ffffff;
  --border-theme-thick: #00b5ff;
  --border-theme-thick-hover: #0092d6;
  --border-info-thick: #00b5ff;
  --border-info-thick-hover: #4ec1ff;
  --border-success-thick: #248569;
  --border-success-thick-hover: #48a982;
  --border-warning-thick: #db7e21;
  --border-warning-thick-hover: #ffa02e;
  --border-error-thick: #f33641;
  --border-error-thick-hover: #ff5050;
  --border-featured-thick: #9327ff;
  --border-featured-thick-hover: #bc58ff;
  --fill-primary: #272930;
  --fill-primary-hover: #3d404f;
  --fill-secondary: #6f748c;
  --fill-secondary-hover: #989eb7;
  --fill-tertiary: #ced3e6;
  --fill-tertiary-hover: #e4e8f5;
  --fill-quaternary: #f8faff;
  --fill-quaternary-hover: #ffffff;
  --fill-content: #ffffff00;
  --fill-content-hover: #f9fafd0d;
  --fill-content-visible: #f9fafd0d;
  --fill-content-visible-hover: #f9fafd1a;
  --fill-theme-thick: #00b5ff;
  --fill-theme-thick-hover: #0092d6;
  --fill-theme-select: #00b5ff26;
  --fill-text-select: #00b5ff33;
  --fill-info-light: #a9e2ff;
  --fill-info-light-hover: #e3f6ff;
  --fill-info-thick: #00b5ff;
  --fill-info-thick-hover: #4ec1ff;
  --fill-success-light: #c3e5d8;
  --fill-success-light-hover: #ecf9f5;
  --fill-success-thick: #48a982;
  --fill-success-thick-hover: #248569;
  --fill-warning-light: #ffe4ab;
  --fill-warning-light-hover: #fff3d5;
  --fill-error-light: #ffa5b4;
  --fill-error-light-hover: #ffd2dd;
  --fill-error-thick: #f33641;
  --fill-error-thick-hover: #ff5050;
  --fill-error-select: #f336411a;
  --fill-featured-light: #470c7299;
  --fill-featured-light-hover: #470c72;
  --fill-featured-thick: #9327ff;
  --fill-featured-thick-hover: #bc58ff;
  --surface-primary: #272930;
  --surface-primary-hover: #3d404f;
  --surface-layer-01: #272930;
  --surface-layer-01-hover: #3d404f;
  --surface-layer-02: #32343f;
  --surface-layer-02-hover: #3d404f;
  --surface-layer-03: #32343f;
  --surface-layer-03-hover: #3d404f;
  --surface-layer-04: #363845;
  --surface-layer-04-hover: #3d404f;
  --surface-inverse: #3d404f;
  --surface-secondary: #3d404f;
  --surface-overlay: #00000099;
  --surface-container-layer-01: #32343f;
  --surface-container-layer-02: #3d404f;
  --surface-container-layer-03: #54596e;
  --background-primary: #21232a;
  --badge-color-1-light-1: #edadad;
  --badge-color-1-light-2: #cc4e4e;
  --badge-color-1-light-3: #702828;
  --badge-color-1-thick-1: #fcf2f2;
  --badge-color-1-thick-2: #fae3e3;
  --badge-color-1-thick-3: #fad9d9;
  --badge-color-2-light-1: #f0bda3;
  --badge-color-2-light-2: #d67240;
  --badge-color-2-light-3: #6b3215;
  --badge-color-2-thick-1: #fcf4f0;
  --badge-color-2-thick-2: #fae8de;
  --badge-color-2-thick-3: #fadfd2;
  --badge-color-3-light-1: #f2cb99;
  --badge-color-3-light-2: #db8f2c;
  --badge-color-3-light-3: #613b0a;
  --badge-color-3-thick-1: #fff7ed;
  --badge-color-3-thick-2: #fcedd9;
  --badge-color-3-thick-3: #fae5ca;
  --badge-color-4-light-1: #f5d68e;
  --badge-color-4-light-2: #e0a416;
  --badge-color-4-light-3: #5c4102;
  --badge-color-4-thick-1: #fff9ec;
  --badge-color-4-thick-2: #fcf1d7;
  --badge-color-4-thick-3: #fae9c3;
  --badge-color-5-light-1: #f5e282;
  --badge-color-5-light-2: #e0bb00;
  --badge-color-5-light-3: #574800;
  --badge-color-5-thick-1: #fffbe8;
  --badge-color-5-thick-2: #fcf5cf;
  --badge-color-5-thick-3: #faefb9;
  --badge-color-6-light-1: #dbde83;
  --badge-color-6-light-2: #adb204;
  --badge-color-6-light-3: #4a4c03;
  --badge-color-6-thick-1: #f9fae6;
  --badge-color-6-thick-2: #f6f7d0;
  --badge-color-6-thick-3: #f0f2b3;
  --badge-color-7-light-1: #cfdb91;
  --badge-color-7-light-2: #92a822;
  --badge-color-7-light-3: #414d05;
  --badge-color-7-thick-1: #f6f9e6;
  --badge-color-7-thick-2: #eef5ce;
  --badge-color-7-thick-3: #e7f0bb;
  --badge-color-8-light-1: #bfd998;
  --badge-color-8-light-2: #75a828;
  --badge-color-8-light-3: #334d0c;
  --badge-color-8-thick-1: #f4faeb;
  --badge-color-8-thick-2: #e9f5d7;
  --badge-color-8-thick-3: #def0c5;
  --badge-color-9-light-1: #a8d6a1;
  --badge-color-9-light-2: #49a33b;
  --badge-color-9-light-3: #1e4f16;
  --badge-color-9-thick-1: #f1faf0;
  --badge-color-9-thick-2: #e2f5df;
  --badge-color-9-thick-3: #d7f0d3;
  --badge-color-10-light-1: #90d1b5;
  --badge-color-10-light-2: #1c9963;
  --badge-color-10-light-3: #075231;
  --badge-color-10-thick-1: #f0faf6;
  --badge-color-10-thick-2: #dff5eb;
  --badge-color-10-thick-3: #cef0e1;
  --badge-color-11-light-1: #83ccd4;
  --badge-color-11-light-2: #008e9e;
  --badge-color-11-light-3: #004e57;
  --badge-color-11-thick-1: #f0f9fa;
  --badge-color-11-thick-2: #dff3f5;
  --badge-color-11-thick-3: #ccecf0;
  --badge-color-12-light-1: #88c0eb;
  --badge-color-12-light-2: #0877cc;
  --badge-color-12-light-3: #154469;
  --badge-color-12-thick-1: #f0f6fa;
  --badge-color-12-thick-2: #e1eef7;
  --badge-color-12-thick-3: #d3e6f5;
  --badge-color-13-light-1: #9ab6ed;
  --badge-color-13-light-2: #3267d1;
  --badge-color-13-light-3: #223c70;
  --badge-color-13-thick-1: #f0f3fa;
  --badge-color-13-thick-2: #e3ebfa;
  --badge-color-13-thick-3: #d7e2f7;
  --badge-color-14-light-1: #aeaef5;
  --badge-color-14-light-2: #5555e0;
  --badge-color-14-light-3: #36366b;
  --badge-color-14-thick-1: #f2f2fc;
  --badge-color-14-thick-2: #e6e6fa;
  --badge-color-14-thick-3: #dcdcf7;
  --badge-color-15-light-1: #c1aaf0;
  --badge-color-15-light-2: #8153db;
  --badge-color-15-light-3: #462f75;
  --badge-color-15-thick-1: #f6f3fc;
  --badge-color-15-thick-2: #ebe3fa;
  --badge-color-15-thick-3: #e4daf7;
  --badge-color-16-light-1: #d3a9e8;
  --badge-color-16-light-2: #9e4cc7;
  --badge-color-16-light-3: #562d6b;
  --badge-color-16-thick-1: #f7f0fa;
  --badge-color-16-thick-2: #f0e1f7;
  --badge-color-16-thick-3: #edd7f7;
  --badge-color-17-light-1: #dea4dc;
  --badge-color-17-light-2: #b240af;
  --badge-color-17-light-3: #632861;
  --badge-color-17-thick-1: #faf0fa;
  --badge-color-17-thick-2: #f5e1f4;
  --badge-color-17-thick-3: #f5d7f4;
  --badge-color-18-light-1: #e5a3c0;
  --badge-color-18-light-2: #c24279;
  --badge-color-18-light-3: #6e2343;
  --badge-color-18-thick-1: #f9eff3;
  --badge-color-18-thick-2: #f7e1eb;
  --badge-color-18-thick-3: #dedede;
  --badge-color-19-light-1: #b8b8b8;
  --badge-color-19-light-2: #6e6e6e;
  --badge-color-19-light-3: #404040;
  --badge-color-19-thick-1: #f5f5f5;
  --badge-color-19-thick-2: #e8e8e8;
  --badge-color-19-thick-3: #dedede;
  --badge-color-20-light-1: #b0b5bf;
  --badge-color-20-light-2: #666f80;
  --badge-color-20-light-3: #394152;
  --badge-color-20-thick-1: #f2f4f7;
  --badge-color-20-thick-2: #e6e9f0;
  --badge-color-20-thick-3: #dadee5;
  --brand-skyline: #00b5ff;
  --brand-aqua: #00c8ff;
  --brand-violet: #9327ff;
  --brand-amethyst: #8427e0;
  --brand-berry: #e3006d;
  --brand-coral: #fb006d;
  --brand-golden: #f7931e;
  --brand-amber: #ffbd00;
  --brand-lemon: #ffce00;
  --other-colors-text-highlight: #a9e2ff;
  --spacing-spacing-0: 0px;
  --spacing-spacing-xs: 4px;
  --spacing-spacing-s: 6px;
  --spacing-spacing-m: 8px;
  --spacing-spacing-l: 12px;
  --spacing-spacing-xl: 16px;
  --spacing-spacing-xxl: 20px;
  --spacing-spacing-full: 1000px;
  --border-radius-border-radius-0: 0px;
  --border-radius-border-radius-xs: 4px;
  --border-radius-border-radius-s: 6px;
  --border-radius-border-radius-m: 8px;
  --border-radius-border-radius-l: 12px;
  --border-radius-border-radius-xl: 16px;
  --border-radius-border-radius-xxl: 20px;
  --border-radius-border-radius-full: 1000px;
}
