/* Generated by scripts/build-design-tokens.py. Edit tokens.json. */
:root {
  /* Primitive · Montage official palette */
  --atomic-blue-10: #001536;
  --atomic-blue-20: #002966;
  --atomic-blue-30: #003e9c;
  --atomic-blue-40: #0054d1;
  --atomic-blue-45: #005eeb;
  --atomic-blue-50: #06f;
  --atomic-blue-55: #1a75ff;
  --atomic-blue-60: #3385ff;
  --atomic-blue-65: #4f95ff;
  --atomic-blue-70: #69a5ff;
  --atomic-blue-80: #9ec5ff;
  --atomic-blue-90: #c9defe;
  --atomic-blue-95: #eaf2fe;
  --atomic-blue-99: #f7fbff;
  --atomic-common-0: #000;
  --atomic-common-100: #fff;
  --atomic-coolNeutral-5: #0f0f10;
  --atomic-coolNeutral-7: #141415;
  --atomic-coolNeutral-10: #171719;
  --atomic-coolNeutral-15: #1b1c1e;
  --atomic-coolNeutral-17: #212225;
  --atomic-coolNeutral-20: #292a2d;
  --atomic-coolNeutral-22: #2e2f33;
  --atomic-coolNeutral-23: #333438;
  --atomic-coolNeutral-25: #37383c;
  --atomic-coolNeutral-30: #46474c;
  --atomic-coolNeutral-40: #5a5c63;
  --atomic-coolNeutral-50: #70737c;
  --atomic-coolNeutral-60: #878a93;
  --atomic-coolNeutral-70: #989ba2;
  --atomic-coolNeutral-80: #aeb0b6;
  --atomic-coolNeutral-90: #c2c4c8;
  --atomic-coolNeutral-95: #dbdcdf;
  --atomic-coolNeutral-96: #e1e2e4;
  --atomic-coolNeutral-97: #eaebec;
  --atomic-coolNeutral-98: #f4f4f5;
  --atomic-coolNeutral-99: #f7f7f8;
  --atomic-cyan-10: #00252b;
  --atomic-cyan-20: #004854;
  --atomic-cyan-30: #006f82;
  --atomic-cyan-40: #0098b2;
  --atomic-cyan-50: #00bdde;
  --atomic-cyan-60: #28d0ed;
  --atomic-cyan-70: #57dff7;
  --atomic-cyan-80: #8aedff;
  --atomic-cyan-90: #b5f4ff;
  --atomic-cyan-95: #defaff;
  --atomic-cyan-99: #f7feff;
  --atomic-green-10: #00240c;
  --atomic-green-20: #004517;
  --atomic-green-30: #006e25;
  --atomic-green-40: #009632;
  --atomic-green-50: #00bf40;
  --atomic-green-60: #1ed45a;
  --atomic-green-70: #49e57d;
  --atomic-green-80: #7df5a5;
  --atomic-green-90: #acfcc7;
  --atomic-green-95: #d9ffe6;
  --atomic-green-99: #f2fff6;
  --atomic-lightBlue-10: #002130;
  --atomic-lightBlue-20: #004261;
  --atomic-lightBlue-30: #006796;
  --atomic-lightBlue-40: #008dcf;
  --atomic-lightBlue-50: #00aeff;
  --atomic-lightBlue-60: #3dc2ff;
  --atomic-lightBlue-70: #70d2ff;
  --atomic-lightBlue-80: #a1e1ff;
  --atomic-lightBlue-90: #c4ecfe;
  --atomic-lightBlue-95: #e5f6fe;
  --atomic-lightBlue-99: #f7fdff;
  --atomic-lime-10: #112900;
  --atomic-lime-20: #225200;
  --atomic-lime-30: #347d00;
  --atomic-lime-37: #429e00;
  --atomic-lime-40: #48ad00;
  --atomic-lime-50: #58cf04;
  --atomic-lime-60: #6be016;
  --atomic-lime-70: #88f03e;
  --atomic-lime-80: #aef779;
  --atomic-lime-90: #ccfca9;
  --atomic-lime-95: #e6ffd4;
  --atomic-lime-99: #f8fff2;
  --atomic-neutral-5: #0f0f0f;
  --atomic-neutral-10: #171717;
  --atomic-neutral-15: #1c1c1c;
  --atomic-neutral-20: #2a2a2a;
  --atomic-neutral-22: #303030;
  --atomic-neutral-30: #474747;
  --atomic-neutral-40: #5c5c5c;
  --atomic-neutral-50: #737373;
  --atomic-neutral-60: #8a8a8a;
  --atomic-neutral-70: #9b9b9b;
  --atomic-neutral-80: #b0b0b0;
  --atomic-neutral-90: #c4c4c4;
  --atomic-neutral-95: #dcdcdc;
  --atomic-neutral-99: #f7f7f7;
  --atomic-orange-10: #361e00;
  --atomic-orange-20: #663a00;
  --atomic-orange-30: #9c5800;
  --atomic-orange-39: #d17600;
  --atomic-orange-40: #d47800;
  --atomic-orange-50: #ff9200;
  --atomic-orange-60: #ffa938;
  --atomic-orange-70: #ffc06e;
  --atomic-orange-80: #ffd49c;
  --atomic-orange-90: #fee6c6;
  --atomic-orange-95: #fef4e6;
  --atomic-orange-99: #fffcf7;
  --atomic-pink-10: #3d0133;
  --atomic-pink-20: #730560;
  --atomic-pink-30: #a81690;
  --atomic-pink-40: #d331b8;
  --atomic-pink-46: #e846cd;
  --atomic-pink-50: #f553da;
  --atomic-pink-60: #fa73e3;
  --atomic-pink-70: #ff94ed;
  --atomic-pink-80: #ffb8f3;
  --atomic-pink-90: #fed3f7;
  --atomic-pink-95: #feecfb;
  --atomic-pink-99: #fffafe;
  --atomic-purple-10: #290247;
  --atomic-purple-20: #580a7d;
  --atomic-purple-30: #861cb8;
  --atomic-purple-40: #ad36e3;
  --atomic-purple-50: #cb59ff;
  --atomic-purple-60: #d478ff;
  --atomic-purple-70: #de96ff;
  --atomic-purple-80: #e9baff;
  --atomic-purple-90: #f2d6ff;
  --atomic-purple-95: #f9edff;
  --atomic-purple-99: #fefbff;
  --atomic-red-10: #3b0101;
  --atomic-red-20: #730303;
  --atomic-red-30: #b00c0c;
  --atomic-red-40: #e52222;
  --atomic-red-50: #ff4242;
  --atomic-red-60: #ff6363;
  --atomic-red-70: #ff8c8c;
  --atomic-red-80: #ffb5b5;
  --atomic-red-90: #fed5d5;
  --atomic-red-95: #feecec;
  --atomic-red-99: snow;
  --atomic-violet-10: #11024d;
  --atomic-violet-20: #23098f;
  --atomic-violet-30: #3a16c9;
  --atomic-violet-40: #4f29e5;
  --atomic-violet-45: #5b37ed;
  --atomic-violet-50: #6541f2;
  --atomic-violet-60: #7d5ef7;
  --atomic-violet-70: #9e86fc;
  --atomic-violet-80: #c0b0ff;
  --atomic-violet-90: #dbd3fe;
  --atomic-violet-95: #f0ecfe;
  --atomic-violet-99: #fbfaff;
  --atomic-redOrange-10: #290f00;
  --atomic-redOrange-20: #592100;
  --atomic-redOrange-30: #913500;
  --atomic-redOrange-40: #c94a00;
  --atomic-redOrange-48: #f55a00;
  --atomic-redOrange-50: #ff5e00;
  --atomic-redOrange-60: #ff7b2e;
  --atomic-redOrange-70: #ff9b61;
  --atomic-redOrange-80: #ffbd96;
  --atomic-redOrange-90: #fed9c4;
  --atomic-redOrange-95: #feeee5;
  --atomic-redOrange-99: #fffaf7;
  /* Primitive · Project brand */
  --brand-primary: #003b83;
  --brand-primary-strong: #002f6b;
  --brand-primary-heavy: #00224f;
  --brand-accent: #e60012;
  --brand-accent-on: #ffffff;
  --brand-accent-inverse: #ff7a82;
  --project-surface-light: #f7f7f9;
  /* Semantic · Roles and project brand mapping */
  --semantic-static-white: #fff;
  --semantic-static-black: #000;
  --semantic-primary-normal: var(--brand-primary);
  --semantic-primary-strong: var(--brand-primary-strong);
  --semantic-primary-heavy: var(--brand-primary-heavy);
  --semantic-label-normal: #171719;
  --semantic-label-strong: #000;
  --semantic-label-neutral: #2e2f33e0;
  --semantic-label-alternative: #37383c9c;
  --semantic-label-assistive: #37383c47;
  --semantic-label-disable: #37383c29;
  --semantic-background-normal-normal: #fff;
  --semantic-background-normal-alternative: var(--project-surface-light);
  --semantic-background-elevated-normal: #fff;
  --semantic-background-elevated-alternative: #f7f7f8;
  --semantic-background-transparent-normal: #ffffff14;
  --semantic-background-transparent-alternative: #ffffff47;
  --semantic-background-status-negative: #ff424214;
  --semantic-background-status-cautionary: #ff920014;
  --semantic-background-status-positive: #00bf4014;
  --semantic-interaction-inactive: #989ba2;
  --semantic-interaction-disable: #f4f4f5;
  --semantic-line-normal-normal: #70737c38;
  --semantic-line-normal-neutral: #70737c29;
  --semantic-line-normal-alternative: #70737c14;
  --semantic-line-solid-normal: #e1e2e4;
  --semantic-line-solid-neutral: #eaebec;
  --semantic-line-solid-alternative: #f4f4f5;
  --semantic-line-primary-normal: #0066ff47;
  --semantic-line-primary-strong: #0066ff6e;
  --semantic-line-status-negative-normal: #ff42426e;
  --semantic-line-status-negative-strong: #ff424285;
  --semantic-line-status-cautionary-normal: #ff92006e;
  --semantic-line-status-positive-normal: #00bf406e;
  --semantic-status-positive: #00bf40;
  --semantic-status-cautionary: #ff9200;
  --semantic-status-negative: #ff4242;
  --semantic-accent-background-redOrange: #ff5e00;
  --semantic-accent-background-lime: #58cf04;
  --semantic-accent-background-cyan: #00bdde;
  --semantic-accent-background-lightBlue: #00aeff;
  --semantic-accent-background-violet: #6541f2;
  --semantic-accent-background-purple: #cb59ff;
  --semantic-accent-background-pink: #f553da;
  --semantic-accent-foreground-red: #e52222;
  --semantic-accent-foreground-redOrange: #f55a00;
  --semantic-accent-foreground-orange: #d17600;
  --semantic-accent-foreground-lime: #429e00;
  --semantic-accent-foreground-green: #009632;
  --semantic-accent-foreground-cyan: #0098b2;
  --semantic-accent-foreground-lightBlue: #008dcf;
  --semantic-accent-foreground-blue: #005eeb;
  --semantic-accent-foreground-violet: #5b37ed;
  --semantic-accent-foreground-purple: #ad36e3;
  --semantic-accent-foreground-pink: #e846cd;
  --semantic-inverse-primary: #3385ff;
  --semantic-inverse-background: #1b1c1e;
  --semantic-inverse-label: #f7f7f8;
  --semantic-fill-normal: #70737c14;
  --semantic-fill-strong: #70737c29;
  --semantic-fill-alternative: #70737c0d;
  --semantic-material-dimmer: #17171985;
  --semantic-brand-subtle: color-mix(in srgb, var(--semantic-primary-normal) 8%, var(--semantic-background-normal-normal));
  --semantic-brand-accent: var(--brand-accent);
  --semantic-brand-accent-on: var(--brand-accent-on);
  --semantic-brand-accent-inverse: var(--brand-accent-inverse);
  --semantic-status-info: var(--semantic-accent-foreground-blue);
  --semantic-surface-lime: color-mix(in srgb, var(--semantic-accent-foreground-lime) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-cyan: color-mix(in srgb, var(--semantic-accent-foreground-cyan) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-blue: color-mix(in srgb, var(--semantic-accent-foreground-blue) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-violet: color-mix(in srgb, var(--semantic-accent-foreground-violet) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-pink: color-mix(in srgb, var(--semantic-accent-foreground-pink) 8%, var(--semantic-background-normal-normal));
  /* Primitive · Project typography (minimum 13px) */
  --font-family: Pretendard, 'Noto Sans KR', system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --type-display-1-size: 58px;
  --type-display-1-line: 76px;
  --type-display-1-tracking: -0.0319em;
  --type-display-2-size: 42px;
  --type-display-2-line: 56px;
  --type-display-2-tracking: -0.02866em;
  --type-display-3-size: 38px;
  --type-display-3-line: 52px;
  --type-display-3-tracking: -0.0276em;
  --type-title-1-size: 34px;
  --type-title-1-line: 48px;
  --type-title-1-tracking: -0.02615em;
  --type-title-2-size: 30px;
  --type-title-2-line: 42px;
  --type-title-2-tracking: -0.02445em;
  --type-title-3-size: 26px;
  --type-title-3-line: 36px;
  --type-title-3-tracking: -0.0233em;
  --type-heading-1-size: 24px;
  --type-heading-1-line: 34px;
  --type-heading-1-tracking: -0.023em;
  --type-heading-2-size: 22px;
  --type-heading-2-line: 32px;
  --type-heading-2-tracking: -0.0194em;
  --type-headline-1-size: 20px;
  --type-headline-1-line: 30px;
  --type-headline-1-tracking: -0.012em;
  --type-headline-2-size: 19px;
  --type-headline-2-line: 30px;
  --type-headline-2-tracking: -0.007em;
  --type-body-1-size: 18px;
  --type-body-1-line: 28px;
  --type-body-1-tracking: -0.002em;
  --type-body-1-reading-size: 18px;
  --type-body-1-reading-line: 30px;
  --type-body-1-reading-tracking: -0.002em;
  --type-body-2-size: 17px;
  --type-body-2-line: 26px;
  --type-body-2-tracking: 0em;
  --type-body-2-reading-size: 17px;
  --type-body-2-reading-line: 28px;
  --type-body-2-reading-tracking: 0em;
  --type-label-1-size: 16px;
  --type-label-1-line: 24px;
  --type-label-1-tracking: 0.0057em;
  --type-label-1-reading-size: 16px;
  --type-label-1-reading-line: 26px;
  --type-label-1-reading-tracking: 0.0057em;
  --type-label-2-size: 15px;
  --type-label-2-line: 22px;
  --type-label-2-tracking: 0.0096em;
  --type-caption-1-size: 14px;
  --type-caption-1-line: 20px;
  --type-caption-1-tracking: 0.0145em;
  --type-caption-2-size: 13px;
  --type-caption-2-line: 18px;
  --type-caption-2-tracking: 0.0194em;
  --font-family-mono: Consolas, monospace;
  /* Primitive · Project spacing / radius / border */
  --space-0: 0px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-120: 120px;
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-full: 9999px;
  --border-thin: 1px;
  --border-strong: 2px;
  --border-focus: 3px;
  --radius-10: 10px;
  /* Semantic · Montage elevation */
  --semantic-elevation-shadow-normal-xsmall: 0px 1px 2px -1px #1717171a;
  --semantic-elevation-shadow-normal-small: 0px 2px 4px -2px #1717170f, 0px 4px 6px -1px #1717170f;
  --semantic-elevation-shadow-normal-medium: 0px 4px 6px -2px #17171712, 0px 10px 15px -3px #17171712;
  --semantic-elevation-shadow-normal-large: 0px 6px 10px -4px #17171714, 0px 16px 24px -6px #17171714;
  --semantic-elevation-shadow-normal-xlarge: 0px 10px 15px -5px #1717171a, 0px 24px 38px -10px #1717171f;
  --semantic-elevation-shadow-spread-small: 0px 0px 60px 0px #1717171a;
  --semantic-elevation-shadow-spread-medium: 0px 15px 75px 0px #17171729;
  /* Primitive · Project motion */
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --duration-enter: 240ms;
  --duration-exit: 160ms;
  --easing-standard: cubic-bezier(.2,0,0,1);
  --easing-enter: cubic-bezier(0,0,.2,1);
  --easing-exit: cubic-bezier(.4,0,1,1);
  --opacity-hover: .04;
  --opacity-pressed: .08;
  --opacity-disabled: .4;
  /* Layout · Project containers and stacking */
  --container: 1420px;
  --layout-sidebar: 248px;
  --layout-toc: 184px;
  --layout-gutter-mobile: 20px;
  --layout-gutter-desktop: 48px;
  --icon-xs: 16px;
  --icon-sm: 20px;
  --icon-md: 24px;
  --icon-lg: 32px;
  --icon-xl: 40px;
  --container-wide: 1620px;
  --layout-header-desktop: 169px;
  --layout-header-mobile: 78px;
  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  /* Component · Shared control contracts */
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 48px;
  --control-radius: var(--radius-10);
  --control-padding-x: var(--space-20);
  --control-gap: var(--space-8);
  --control-font: var(--type-body-2-size);
  --control-bg: var(--semantic-primary-normal);
  --control-fg: var(--semantic-static-white);
  --control-hover: var(--semantic-primary-strong);
  --control-border: var(--semantic-line-solid-normal);
  --input-bg: var(--semantic-background-normal-normal);
  --input-fg: var(--semantic-label-normal);
  --input-placeholder: var(--semantic-label-alternative);
  --focus-ring: var(--semantic-primary-normal);
  --card-radius: var(--radius-12);
  --card-padding: var(--space-24);
  --card-bg: var(--semantic-background-elevated-normal);
  --dialog-radius: var(--radius-16);
  --dialog-padding: var(--space-24);
  --dialog-width: 480px;
  --tooltip-bg: var(--semantic-inverse-background);
  --tooltip-fg: var(--semantic-inverse-label);
  --badge-radius: var(--radius-4);
  --badge-padding-x: var(--space-8);
  --switch-width: 44px;
  --switch-height: 26px;
  --avatar-sm: 32px;
  --avatar-md: 40px;
  --avatar-lg: 56px;
  --input-height: 48px;
  --input-radius: var(--radius-12);
  --input-padding-x: var(--space-16);
}
[data-ds-theme="light"] {
  color-scheme: light;
  color: var(--semantic-label-normal);
  --semantic-primary-normal: var(--brand-primary);
  --semantic-primary-strong: var(--brand-primary-strong);
  --semantic-primary-heavy: var(--brand-primary-heavy);
  --semantic-label-normal: #171719;
  --semantic-label-strong: #000;
  --semantic-label-neutral: #2e2f33e0;
  --semantic-label-alternative: #37383c9c;
  --semantic-label-assistive: #37383c47;
  --semantic-label-disable: #37383c29;
  --semantic-background-normal-normal: #fff;
  --semantic-background-normal-alternative: var(--project-surface-light);
  --semantic-background-elevated-normal: #fff;
  --semantic-background-elevated-alternative: #f7f7f8;
  --semantic-background-transparent-normal: #ffffff14;
  --semantic-background-transparent-alternative: #ffffff47;
  --semantic-background-status-negative: #ff424214;
  --semantic-background-status-cautionary: #ff920014;
  --semantic-background-status-positive: #00bf4014;
  --semantic-interaction-inactive: #989ba2;
  --semantic-interaction-disable: #f4f4f5;
  --semantic-line-normal-normal: #70737c38;
  --semantic-line-normal-neutral: #70737c29;
  --semantic-line-normal-alternative: #70737c14;
  --semantic-line-solid-normal: #e1e2e4;
  --semantic-line-solid-neutral: #eaebec;
  --semantic-line-solid-alternative: #f4f4f5;
  --semantic-line-primary-normal: #0066ff47;
  --semantic-line-primary-strong: #0066ff6e;
  --semantic-line-status-negative-normal: #ff42426e;
  --semantic-line-status-negative-strong: #ff424285;
  --semantic-line-status-cautionary-normal: #ff92006e;
  --semantic-line-status-positive-normal: #00bf406e;
  --semantic-status-positive: #00bf40;
  --semantic-status-cautionary: #ff9200;
  --semantic-status-negative: #ff4242;
  --semantic-accent-background-redOrange: #ff5e00;
  --semantic-accent-background-lime: #58cf04;
  --semantic-accent-background-cyan: #00bdde;
  --semantic-accent-background-lightBlue: #00aeff;
  --semantic-accent-background-violet: #6541f2;
  --semantic-accent-background-purple: #cb59ff;
  --semantic-accent-background-pink: #f553da;
  --semantic-accent-foreground-red: #e52222;
  --semantic-accent-foreground-redOrange: #f55a00;
  --semantic-accent-foreground-orange: #d17600;
  --semantic-accent-foreground-lime: #429e00;
  --semantic-accent-foreground-green: #009632;
  --semantic-accent-foreground-cyan: #0098b2;
  --semantic-accent-foreground-lightBlue: #008dcf;
  --semantic-accent-foreground-blue: #005eeb;
  --semantic-accent-foreground-violet: #5b37ed;
  --semantic-accent-foreground-purple: #ad36e3;
  --semantic-accent-foreground-pink: #e846cd;
  --semantic-inverse-primary: #3385ff;
  --semantic-inverse-background: #1b1c1e;
  --semantic-inverse-label: #f7f7f8;
  --semantic-fill-normal: #70737c14;
  --semantic-fill-strong: #70737c29;
  --semantic-fill-alternative: #70737c0d;
  --semantic-material-dimmer: #17171985;
  --semantic-brand-subtle: color-mix(in srgb, var(--semantic-primary-normal) 8%, var(--semantic-background-normal-normal));
  --semantic-status-info: var(--semantic-accent-foreground-blue);
  --semantic-surface-lime: color-mix(in srgb, var(--semantic-accent-foreground-lime) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-cyan: color-mix(in srgb, var(--semantic-accent-foreground-cyan) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-blue: color-mix(in srgb, var(--semantic-accent-foreground-blue) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-violet: color-mix(in srgb, var(--semantic-accent-foreground-violet) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-pink: color-mix(in srgb, var(--semantic-accent-foreground-pink) 8%, var(--semantic-background-normal-normal));
  --control-bg: var(--semantic-primary-normal);
  --control-fg: var(--semantic-static-white);
  --control-hover: var(--semantic-primary-strong);
  --control-border: var(--semantic-line-solid-normal);
  --input-bg: var(--semantic-background-normal-normal);
  --input-fg: var(--semantic-label-normal);
  --input-placeholder: var(--semantic-label-alternative);
  --focus-ring: var(--semantic-primary-normal);
  --card-bg: var(--semantic-background-elevated-normal);
  --tooltip-bg: var(--semantic-inverse-background);
  --tooltip-fg: var(--semantic-inverse-label);
}
[data-ds-theme="dark"] {
  color-scheme: dark;
  color: var(--semantic-label-normal);
  --semantic-primary-normal: var(--atomic-blue-80);
  --semantic-primary-strong: var(--atomic-blue-70);
  --semantic-primary-heavy: var(--atomic-blue-60);
  --semantic-label-normal: #f7f7f8;
  --semantic-label-strong: #fff;
  --semantic-label-neutral: #c2c4c8e0;
  --semantic-label-alternative: #aeb0b69c;
  --semantic-label-assistive: #aeb0b647;
  --semantic-label-disable: #989ba229;
  --semantic-background-normal-normal: #1b1c1e;
  --semantic-background-normal-alternative: #0f0f10;
  --semantic-background-elevated-normal: #212225;
  --semantic-background-elevated-alternative: #141415;
  --semantic-background-transparent-normal: #2122259c;
  --semantic-background-transparent-alternative: #2122259c;
  --semantic-background-status-negative: #ff636314;
  --semantic-background-status-cautionary: #ffa93814;
  --semantic-background-status-positive: #1ed45a14;
  --semantic-interaction-inactive: #5a5c63;
  --semantic-interaction-disable: #2e2f33;
  --semantic-line-normal-normal: #70737c52;
  --semantic-line-normal-neutral: #70737c47;
  --semantic-line-normal-alternative: #70737c38;
  --semantic-line-solid-normal: #37383c;
  --semantic-line-solid-neutral: #333438;
  --semantic-line-solid-alternative: #2e2f33;
  --semantic-line-primary-normal: #3385ff47;
  --semantic-line-primary-strong: #3385ff6e;
  --semantic-line-status-negative-normal: #ff63636e;
  --semantic-line-status-negative-strong: #ff636385;
  --semantic-line-status-cautionary-normal: #ffa9386e;
  --semantic-line-status-positive-normal: #1ed45a6e;
  --semantic-status-positive: #1ed45a;
  --semantic-status-cautionary: #ffa938;
  --semantic-status-negative: #ff6363;
  --semantic-accent-background-redOrange: #ff7b2e;
  --semantic-accent-background-lime: #6be016;
  --semantic-accent-background-cyan: #28d0ed;
  --semantic-accent-background-lightBlue: #3dc2ff;
  --semantic-accent-background-violet: #7d5ef7;
  --semantic-accent-background-purple: #d478ff;
  --semantic-accent-background-pink: #fa73e3;
  --semantic-accent-foreground-red: #ff6363;
  --semantic-accent-foreground-redOrange: #ff7b2e;
  --semantic-accent-foreground-orange: #ff9200;
  --semantic-accent-foreground-lime: #58cf04;
  --semantic-accent-foreground-green: #1ed45a;
  --semantic-accent-foreground-cyan: #00bdde;
  --semantic-accent-foreground-lightBlue: #00aeff;
  --semantic-accent-foreground-blue: #4f95ff;
  --semantic-accent-foreground-violet: #9e86fc;
  --semantic-accent-foreground-purple: #d478ff;
  --semantic-accent-foreground-pink: #fa73e3;
  --semantic-inverse-primary: #06f;
  --semantic-inverse-background: #fff;
  --semantic-inverse-label: #171719;
  --semantic-fill-normal: #70737c38;
  --semantic-fill-strong: #70737c47;
  --semantic-fill-alternative: #70737c1f;
  --semantic-material-dimmer: #171719bd;
  --semantic-brand-subtle: color-mix(in srgb, var(--semantic-primary-normal) 8%, var(--semantic-background-normal-normal));
  --semantic-status-info: var(--semantic-accent-foreground-blue);
  --semantic-surface-lime: color-mix(in srgb, var(--semantic-accent-foreground-lime) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-cyan: color-mix(in srgb, var(--semantic-accent-foreground-cyan) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-blue: color-mix(in srgb, var(--semantic-accent-foreground-blue) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-violet: color-mix(in srgb, var(--semantic-accent-foreground-violet) 8%, var(--semantic-background-normal-normal));
  --semantic-surface-pink: color-mix(in srgb, var(--semantic-accent-foreground-pink) 8%, var(--semantic-background-normal-normal));
  --control-bg: var(--semantic-primary-normal);
  --control-fg: var(--semantic-static-black);
  --control-hover: var(--semantic-primary-strong);
  --control-border: var(--semantic-line-solid-normal);
  --input-bg: var(--semantic-background-normal-normal);
  --input-fg: var(--semantic-label-normal);
  --input-placeholder: var(--semantic-label-alternative);
  --focus-ring: var(--semantic-primary-normal);
  --card-bg: var(--semantic-background-elevated-normal);
  --tooltip-bg: var(--semantic-inverse-background);
  --tooltip-fg: var(--semantic-inverse-label);
}
.type-display-1 { font-size:var(--type-display-1-size); line-height:var(--type-display-1-line); letter-spacing:var(--type-display-1-tracking); }
.type-display-2 { font-size:var(--type-display-2-size); line-height:var(--type-display-2-line); letter-spacing:var(--type-display-2-tracking); }
.type-display-3 { font-size:var(--type-display-3-size); line-height:var(--type-display-3-line); letter-spacing:var(--type-display-3-tracking); }
.type-title-1 { font-size:var(--type-title-1-size); line-height:var(--type-title-1-line); letter-spacing:var(--type-title-1-tracking); }
.type-title-2 { font-size:var(--type-title-2-size); line-height:var(--type-title-2-line); letter-spacing:var(--type-title-2-tracking); }
.type-title-3 { font-size:var(--type-title-3-size); line-height:var(--type-title-3-line); letter-spacing:var(--type-title-3-tracking); }
.type-heading-1 { font-size:var(--type-heading-1-size); line-height:var(--type-heading-1-line); letter-spacing:var(--type-heading-1-tracking); }
.type-heading-2 { font-size:var(--type-heading-2-size); line-height:var(--type-heading-2-line); letter-spacing:var(--type-heading-2-tracking); }
.type-headline-1 { font-size:var(--type-headline-1-size); line-height:var(--type-headline-1-line); letter-spacing:var(--type-headline-1-tracking); }
.type-headline-2 { font-size:var(--type-headline-2-size); line-height:var(--type-headline-2-line); letter-spacing:var(--type-headline-2-tracking); }
.type-body-1 { font-size:var(--type-body-1-size); line-height:var(--type-body-1-line); letter-spacing:var(--type-body-1-tracking); }
.type-body-1-reading { font-size:var(--type-body-1-reading-size); line-height:var(--type-body-1-reading-line); letter-spacing:var(--type-body-1-reading-tracking); }
.type-body-2 { font-size:var(--type-body-2-size); line-height:var(--type-body-2-line); letter-spacing:var(--type-body-2-tracking); }
.type-body-2-reading { font-size:var(--type-body-2-reading-size); line-height:var(--type-body-2-reading-line); letter-spacing:var(--type-body-2-reading-tracking); }
.type-label-1 { font-size:var(--type-label-1-size); line-height:var(--type-label-1-line); letter-spacing:var(--type-label-1-tracking); }
.type-label-1-reading { font-size:var(--type-label-1-reading-size); line-height:var(--type-label-1-reading-line); letter-spacing:var(--type-label-1-reading-tracking); }
.type-label-2 { font-size:var(--type-label-2-size); line-height:var(--type-label-2-line); letter-spacing:var(--type-label-2-tracking); }
.type-caption-1 { font-size:var(--type-caption-1-size); line-height:var(--type-caption-1-line); letter-spacing:var(--type-caption-1-tracking); }
.type-caption-2 { font-size:var(--type-caption-2-size); line-height:var(--type-caption-2-line); letter-spacing:var(--type-caption-2-tracking); }