/* TRASSIR UI kit.Core — Design Tokens */
/* Auto-generated from tokens.fixed.json. Light = :root, Dark = [data-theme="dark"] */

:root {
  /* ---- Primitives: palette ---- */
  /* success */
  --palette-success-25: #f2f9f4;
  --palette-success-50: #e6f4ea;
  --palette-success-100: #cce9d5;
  --palette-success-200: #99d3ab;
  --palette-success-300: #66bc81;
  --palette-success-400: #33a657;
  --palette-success-500: #00902d;
  --palette-success-600: #007a26;
  --palette-success-700: #00561b;
  --palette-success-800: #004114;
  --palette-success-900: #002b0d;
  --palette-success-950: #001d09;
  --palette-success-300_opacity: #00902d99;
  --palette-success-200_opacity: #00902d66;
  --palette-success-100_opacity: #00902d33;
  --palette-success-50_opacity: #00902d1a;
  /* warning */
  --palette-warning-25: #fef7f4;
  --palette-warning-50: #fef1ea;
  --palette-warning-100: #fbe2d4;
  --palette-warning-200: #f8c5a9;
  --palette-warning-300: #f4a87f;
  --palette-warning-400: #f08b54;
  --palette-warning-500: #ec6e29;
  --palette-warning-600: #c95d23;
  --palette-warning-700: #8e4219;
  --palette-warning-800: #6a3113;
  --palette-warning-900: #47210c;
  --palette-warning-950: #2f1608;
  --palette-warning-300_opacity: #ec6e2999;
  --palette-warning-200_opacity: #ec6e2966;
  --palette-warning-100_opacity: #ec6e2933;
  --palette-warning-50_opacity: #ec6e291a;
  /* error */
  --palette-error-25: #fdf4f4;
  --palette-error-50: #fbeaeb;
  --palette-error-100: #f7d4d6;
  --palette-error-200: #efa9ad;
  --palette-error-300: #e77e83;
  --palette-error-400: #df535a;
  --palette-error-500: #d72831;
  --palette-error-600: #b7222a;
  --palette-error-700: #81181d;
  --palette-error-800: #611216;
  --palette-error-900: #400c0f;
  --palette-error-950: #2b080a;
  --palette-error-300_opacity: #d7283199;
  --palette-error-200_opacity: #d7283166;
  --palette-error-100_opacity: #d7283133;
  --palette-error-50_opacity: #d728311a;
  /* info */
  --palette-info-25: #f3f7fd;
  --palette-info-50: #e9f1fd;
  --palette-info-100: #d2e2fa;
  --palette-info-200: #a4c5f5;
  --palette-info-300: #77a8ef;
  --palette-info-400: #4a8aea;
  --palette-info-500: #1c6de5;
  --palette-info-600: #185dc3;
  --palette-info-700: #114289;
  --palette-info-800: #0d3167;
  --palette-info-900: #082145;
  --palette-info-950: #06162e;
  --palette-info-300_opacity: #1c6de599;
  --palette-info-200_opacity: #1c6de566;
  --palette-info-100_opacity: #1c6de533;
  --palette-info-50_opacity: #1c6de51a;
  /* neutral */
  --palette-neutral-25: #f7f7f8;
  --palette-neutral-50: #f0f0f2;
  --palette-neutral-100: #e0e1e4;
  --palette-neutral-200: #c0c3c9;
  --palette-neutral-300: #a1a5af;
  --palette-neutral-400: #818794;
  --palette-neutral-500: #626979;
  --palette-neutral-600: #535967;
  --palette-neutral-700: #3b3f49;
  --palette-neutral-800: #2c2f36;
  --palette-neutral-900: #1d1f24;
  --palette-neutral-950: #141518;
  --palette-neutral-300_opacity: #62697999;
  --palette-neutral-200_opacity: #62697966;
  --palette-neutral-100_opacity: #62697933;
  --palette-neutral-50_opacity: #6269791a;
  /* brand */
  --palette-brand-25: #f7f6fe;
  --palette-brand-50: #f0effe;
  --palette-brand-100: #e0ddfc;
  --palette-brand-200: #c1bbfa;
  --palette-brand-300: #a399f7;
  --palette-brand-400: #8477f4;
  --palette-brand-500: #6555f1;
  --palette-brand-600: #5649cd;
  --palette-brand-700: #3d3391;
  --palette-brand-800: #2d266d;
  --palette-brand-900: #1e1a48;
  --palette-brand-950: #141130;
  --palette-brand-300_opacity: #6555f199;
  --palette-brand-200_opacity: #6555f166;
  --palette-brand-100_opacity: #6555f133;
  --palette-brand-50_opacity: #6555f11a;
  /* pink */
  --palette-pink-25: #fcf4fb;
  --palette-pink-50: #f9eaf7;
  --palette-pink-100: #f3d4ee;
  --palette-pink-200: #e7a9de;
  --palette-pink-300: #db7dcd;
  --palette-pink-400: #cf52bd;
  --palette-pink-500: #c327ac;
  --palette-pink-600: #a62192;
  --palette-pink-700: #751767;
  --palette-pink-800: #58114d;
  --palette-pink-900: #3a0c34;
  --palette-pink-950: #270822;
  --palette-pink-300_opacity: #c327ac99;
  --palette-pink-200_opacity: #c327ac66;
  --palette-pink-100_opacity: #c327ac33;
  --palette-pink-50_opacity: #c327ac1a;
  /* teal */
  --palette-teal-25: #f2f9fa;
  --palette-teal-50: #e6f4f5;
  --palette-teal-100: #cce8ea;
  --palette-teal-200: #99d0d5;
  --palette-teal-300: #66b9c1;
  --palette-teal-400: #33a1ac;
  --palette-teal-500: #008a97;
  --palette-teal-600: #007580;
  --palette-teal-700: #00535b;
  --palette-teal-800: #003e44;
  --palette-teal-900: #00292d;
  --palette-teal-950: #001c1e;
  --palette-teal-300_opacity: #008a9799;
  --palette-teal-200_opacity: #008a9766;
  --palette-teal-100_opacity: #008a9733;
  --palette-teal-50_opacity: #008a971a;
  /* yellow */
  --palette-yellow-25: #fefbf2;
  --palette-yellow-50: #fef8e6;
  --palette-yellow-100: #fcf1cd;
  --palette-yellow-200: #f8e29a;
  --palette-yellow-300: #f5d468;
  --palette-yellow-400: #f1c535;
  --palette-yellow-500: #eeb703;
  --palette-yellow-600: #ca9c02;
  --palette-yellow-700: #8f6e02;
  --palette-yellow-800: #6b5201;
  --palette-yellow-900: #473701;
  --palette-yellow-950: #302501;
  --palette-yellow-300_opacity: #eeb70399;
  --palette-yellow-200_opacity: #eeb70366;
  --palette-yellow-100_opacity: #eeb70333;
  --palette-yellow-50_opacity: #eeb7031a;
  /* base */
  --palette-base-0: #ffffff;
  --palette-base-1000: #000000;

  /* ---- Primitives: dimensions ---- */
  /* spacing */
  --space-none: 0px;
  --space-0_25x: 1px;
  --space-0_5x: 2px;
  --space-1x: 4px;
  --space-1_5x: 6px;
  --space-2x: 8px;
  --space-2_5x: 10px;
  --space-3x: 12px;
  --space-4x: 16px;
  --space-5x: 20px;
  --space-6x: 24px;
  --space-7x: 28px;
  --space-8x: 32px;
  --space-10x: 40px;
  --space-12x: 48px;
  --space-14x: 56px;
  --space-16x: 64px;
  --space-18x: 72px;
  --space-20x: 80px;
  --space-22x: 88px;
  --space-24x: 96px;
  --space-32x: 128px;
  --space-64x: 256px;
  --space-128x: 512px;
  /* radius */
  --radius-none: 0px;
  --radius-0_5x: 2px;
  --radius-1x: 4px;
  --radius-1_5x: 6px;
  --radius-2x: 8px;
  --radius-3x: 12px;
  --radius-4x: 16px;
  --radius-6x: 24px;
  --radius-full: 9999px;
  /* stroke_width */
  --stroke-none: 0px;
  --stroke-small: 1px;
  --stroke-medium: 2px;
  --stroke-large: 4px;
  --stroke-x_large: 6px;
  /* height */
  --height-none: 0px;
  --height-xx_small: 16px;
  --height-x_small: 20px;
  --height-small: 24px;
  --height-medium_compact: 28px;
  --height-medium: 32px;
  --height-large: 40px;
  --height-x_large: 48px;
  --height-xx_large: 56px;

  /* ---- Semantic (light) ---- */
  /* bg */
  --bg-neutral-main-default: var(--palette-neutral-500);
  --bg-neutral-main-hover: var(--palette-neutral-600);
  --bg-neutral-main-active: var(--palette-neutral-700);
  --bg-neutral-soft-default: var(--palette-neutral-50);
  --bg-neutral-soft-hover: var(--palette-neutral-100);
  --bg-neutral-soft-active: var(--palette-neutral-200);
  --bg-neutral-soft-opacity_default: var(--palette-neutral-50_opacity);
  --bg-neutral-soft-opacity_hover: var(--palette-neutral-100_opacity);
  --bg-neutral-soft-opacity_active: var(--palette-neutral-200_opacity);
  --bg-neutral-muted: var(--palette-neutral-50_opacity);
  --bg-brand-main-default: var(--palette-brand-500);
  --bg-brand-main-hover: var(--palette-brand-600);
  --bg-brand-main-active: var(--palette-brand-700);
  --bg-brand-soft-default: var(--palette-brand-50);
  --bg-brand-soft-hover: var(--palette-brand-100);
  --bg-brand-soft-active: var(--palette-brand-200);
  --bg-brand-soft-opacity_default: var(--palette-brand-50_opacity);
  --bg-brand-soft-opacity_hover: var(--palette-brand-100_opacity);
  --bg-brand-soft-opacity_active: var(--palette-brand-200_opacity);
  --bg-brand-muted: var(--palette-brand-50_opacity);
  --bg-page: var(--palette-base-0);
  --bg-surface_0: var(--palette-base-0);
  --bg-surface_1: var(--palette-neutral-50);
  --bg-surface_2: var(--palette-neutral-100);
  --bg-surface_3: var(--palette-neutral-200);
  --bg-error-main-default: var(--palette-error-500);
  --bg-error-main-hover: var(--palette-error-600);
  --bg-error-main-active: var(--palette-error-700);
  --bg-error-soft-default: var(--palette-error-50);
  --bg-error-soft-hover: var(--palette-error-100);
  --bg-error-soft-active: var(--palette-error-200);
  --bg-error-soft-opacity_default: var(--palette-error-50_opacity);
  --bg-error-soft-opacity_hover: var(--palette-error-100_opacity);
  --bg-error-soft-opacity_active: var(--palette-error-200_opacity);
  --bg-error-muted: var(--palette-error-50_opacity);
  --bg-success-main-default: var(--palette-success-500);
  --bg-success-main-hover: var(--palette-success-600);
  --bg-success-main-active: var(--palette-success-700);
  --bg-success-soft-default: var(--palette-success-50);
  --bg-success-soft-hover: var(--palette-success-100);
  --bg-success-soft-active: var(--palette-success-200);
  --bg-success-soft-opacity_default: var(--palette-success-50_opacity);
  --bg-success-soft-opacity_hover: var(--palette-success-100_opacity);
  --bg-success-soft-opacity_active: var(--palette-success-200_opacity);
  --bg-success-muted: var(--palette-success-50_opacity);
  --bg-elevated-level_0: var(--palette-base-0);
  --bg-elevated-level_1: var(--palette-base-0);
  --bg-elevated-level_2: var(--palette-base-0);
  --bg-elevated-level_3: var(--palette-base-0);
  --bg-brand_surface_1: var(--palette-brand-50);
  --bg-brand_surface_2: var(--palette-brand-100);
  --bg-brand_surface_3: var(--palette-brand-200);
  --bg-error_surface_1: var(--palette-error-50);
  --bg-error_surface_2: var(--palette-error-100);
  --bg-error_surface_3: var(--palette-error-200);
  --bg-warning-muted: var(--palette-warning-50_opacity);
  --bg-warning-main-default: var(--palette-warning-500);
  --bg-warning-main-hover: var(--palette-warning-600);
  --bg-warning-main-active: var(--palette-warning-700);
  --bg-warning-soft-default: var(--palette-warning-50);
  --bg-warning-soft-hover: var(--palette-warning-100);
  --bg-warning-soft-active: var(--palette-warning-200);
  --bg-warning-soft-opacity_default: var(--palette-warning-50_opacity);
  --bg-warning-soft-opacity_hover: var(--palette-warning-100_opacity);
  --bg-warning-soft-opacity_active: var(--palette-warning-200_opacity);
  --bg-warning_surface_3: var(--palette-warning-200);
  --bg-warning_surface_1: var(--palette-warning-50);
  --bg-warning_surface_2: var(--palette-warning-100);
  /* component */
  --component-focus-default: var(--palette-brand-300);
  --component-focus-on_color: var(--light_static);
  --component-overlay-main: var(--palette-neutral-200_opacity);
  --component-overlay-soft: var(--palette-neutral-50_opacity);
  --component-tree-muted: var(--palette-neutral-50);
  /* none */
  --none: #ffffff00;
  /* fg */
  --fg-brand-contrast: var(--palette-brand-800);
  --fg-brand-main: var(--palette-brand-500);
  --fg-brand-soft: var(--palette-brand-300);
  --fg-brand-muted: var(--palette-brand-200_opacity);
  --fg-brand-hover: var(--palette-brand-600);
  --fg-brand-active: var(--palette-brand-700);
  --fg-brand-on_soft: var(--palette-brand-700);
  --fg-brand-on_main: var(--palette-base-0);
  --fg-neutral-contrast: var(--palette-neutral-950);
  --fg-neutral-main: var(--palette-neutral-500);
  --fg-neutral-soft: var(--palette-neutral-300);
  --fg-neutral-muted: var(--palette-neutral-200_opacity);
  --fg-neutral-hover: var(--palette-neutral-600);
  --fg-neutral-active: var(--palette-neutral-700);
  --fg-neutral-on_soft: var(--palette-neutral-700);
  --fg-neutral-on_main: var(--palette-base-0);
  --fg-error-contrast: var(--palette-error-800);
  --fg-error-main: var(--palette-error-500);
  --fg-error-soft: var(--palette-error-300);
  --fg-error-muted: var(--palette-error-200_opacity);
  --fg-error-hover: var(--palette-error-600);
  --fg-error-active: var(--palette-error-700);
  --fg-error-on_soft: var(--palette-error-700);
  --fg-error-on_main: var(--palette-base-0);
  --fg-success-contrast: var(--palette-success-800);
  --fg-success-main: var(--palette-success-500);
  --fg-success-soft: var(--palette-success-300);
  --fg-success-muted: var(--palette-success-200_opacity);
  --fg-success-hover: var(--palette-success-600);
  --fg-success-active: var(--palette-success-700);
  --fg-success-on_soft: var(--palette-success-700);
  --fg-success-on_main: var(--palette-base-0);
  --fg-warning-contrast: var(--palette-warning-900);
  --fg-warning-main: var(--palette-warning-500);
  --fg-warning-soft: var(--palette-warning-300);
  --fg-warning-muted: var(--palette-warning-200_opacity);
  --fg-warning-hover: var(--palette-warning-700);
  --fg-warning-active: var(--palette-warning-800);
  --fg-warning-on_main: var(--palette-base-0);
  --fg-warning-on_soft: var(--palette-warning-800);
  --fg-info-contrast: var(--palette-info-800);
  --fg-info-main: var(--palette-info-500);
  --fg-info-soft: var(--palette-info-300);
  --fg-info-muted: var(--palette-info-200_opacity);
  --fg-info-hover: var(--palette-info-600);
  --fg-info-active: var(--palette-info-700);
  --fg-info-on_main: var(--palette-base-0);
  --fg-info-on_soft: var(--palette-info-700);
  --fg-yellow-contrast: var(--palette-yellow-900);
  --fg-yellow-main: var(--palette-yellow-600);
  --fg-yellow-soft: var(--palette-yellow-300);
  --fg-yellow-muted: var(--palette-yellow-200_opacity);
  --fg-yellow-hover: var(--palette-yellow-700);
  --fg-yellow-active: var(--palette-yellow-800);
  --fg-yellow-on_main: var(--palette-base-0);
  --fg-yellow-on_soft: var(--palette-yellow-800);
  --fg-teal-contrast: var(--palette-teal-800);
  --fg-teal-main: var(--palette-teal-500);
  --fg-teal-soft: var(--palette-teal-300);
  --fg-teal-muted: var(--palette-teal-200_opacity);
  --fg-teal-hover: var(--palette-teal-600);
  --fg-teal-active: var(--palette-teal-700);
  --fg-teal-on_main: var(--palette-base-0);
  --fg-teal-on_soft: var(--palette-teal-700);
  --fg-pink-contrast: var(--palette-pink-800);
  --fg-pink-main: var(--palette-pink-500);
  --fg-pink-soft: var(--palette-pink-300);
  --fg-pink-muted: var(--palette-pink-200_opacity);
  --fg-pink-hover: var(--palette-pink-600);
  --fg-pink-active: var(--palette-pink-700);
  --fg-pink-on_main: var(--palette-base-0);
  --fg-pink-on_soft: var(--palette-pink-700);
  /* border */
  --border-neutral-contrast: var(--palette-neutral-950);
  --border-neutral-main: var(--palette-neutral-500);
  --border-neutral-soft: var(--palette-neutral-300);
  --border-neutral-muted: var(--palette-neutral-50_opacity);
  --border-neutral-hover: var(--palette-neutral-600);
  --border-neutral-active: var(--palette-neutral-700);
  --border-neutral-on_main: var(--palette-base-0);
  --border-brand-main: var(--palette-brand-500);
  --border-brand-soft: var(--palette-brand-300);
  --border-brand-muted: var(--palette-brand-50_opacity);
  --border-brand-hover: var(--palette-brand-600);
  --border-brand-active: var(--palette-brand-700);
  --border-brand-on_main: var(--palette-base-0);
  --border-error-main: var(--palette-error-500);
  --border-error-soft: var(--palette-error-300);
  --border-error-muted: var(--palette-error-50_opacity);
  --border-error-hover: var(--palette-error-600);
  --border-error-active: var(--palette-error-700);
  --border-error-on_main: var(--palette-base-0);
  --border-success-main: var(--palette-success-500);
  --border-success-soft: var(--palette-success-300);
  --border-success-muted: var(--palette-success-50_opacity);
  --border-success-hover: var(--palette-success-600);
  --border-success-active: var(--palette-success-700);
  --border-success-on_main: var(--palette-base-0);
  --border-warning-main: var(--palette-warning-500);
  --border-warning-soft: var(--palette-warning-300);
  --border-warning-muted: var(--palette-warning-50_opacity);
  --border-warning-hover: var(--palette-warning-700);
  --border-warning-active: var(--palette-warning-800);
  --border-warning-on_main: var(--palette-base-0);
  /* light_static */
  --light_static: var(--palette-base-0);
  /* dark_static */
  --dark_static: var(--palette-base-1000);
  /* on_color */
  --on_color: var(--palette-base-0);
}
[data-theme="dark"] {
  /* bg */
  --bg-neutral-main-default: var(--palette-neutral-400);
  --bg-neutral-main-hover: var(--palette-neutral-200);
  --bg-neutral-main-active: var(--palette-neutral-100);
  --bg-neutral-soft-default: var(--palette-neutral-900);
  --bg-neutral-soft-hover: var(--palette-neutral-800);
  --bg-neutral-soft-active: var(--palette-neutral-700);
  --bg-neutral-soft-opacity_default: var(--palette-neutral-100_opacity);
  --bg-neutral-soft-opacity_hover: var(--palette-neutral-200_opacity);
  --bg-neutral-soft-opacity_active: var(--palette-neutral-300_opacity);
  --bg-neutral-muted: var(--palette-neutral-100_opacity);
  --bg-brand-main-default: var(--palette-brand-400);
  --bg-brand-main-hover: var(--palette-brand-200);
  --bg-brand-main-active: var(--palette-brand-100);
  --bg-brand-soft-default: var(--palette-brand-900);
  --bg-brand-soft-hover: var(--palette-brand-800);
  --bg-brand-soft-active: var(--palette-brand-700);
  --bg-brand-soft-opacity_default: var(--palette-brand-100_opacity);
  --bg-brand-soft-opacity_hover: var(--palette-brand-200_opacity);
  --bg-brand-soft-opacity_active: var(--palette-brand-300_opacity);
  --bg-brand-muted: var(--palette-brand-100_opacity);
  --bg-page: var(--palette-neutral-950);
  --bg-surface_0: var(--palette-neutral-950);
  --bg-surface_1: var(--palette-neutral-800);
  --bg-surface_2: var(--palette-neutral-700);
  --bg-surface_3: var(--palette-neutral-600);
  --bg-error-main-default: var(--palette-error-400);
  --bg-error-main-hover: var(--palette-error-200);
  --bg-error-main-active: var(--palette-error-100);
  --bg-error-soft-default: var(--palette-error-900);
  --bg-error-soft-hover: var(--palette-error-800);
  --bg-error-soft-active: var(--palette-error-700);
  --bg-error-soft-opacity_default: var(--palette-error-100_opacity);
  --bg-error-soft-opacity_hover: var(--palette-error-200_opacity);
  --bg-error-soft-opacity_active: var(--palette-error-300_opacity);
  --bg-error-muted: var(--palette-error-100_opacity);
  --bg-success-main-default: var(--palette-success-400);
  --bg-success-main-hover: var(--palette-success-200);
  --bg-success-main-active: var(--palette-success-100);
  --bg-success-soft-default: var(--palette-success-900);
  --bg-success-soft-hover: var(--palette-success-800);
  --bg-success-soft-active: var(--palette-success-700);
  --bg-success-soft-opacity_default: var(--palette-success-100_opacity);
  --bg-success-soft-opacity_hover: var(--palette-success-200_opacity);
  --bg-success-soft-opacity_active: var(--palette-success-300_opacity);
  --bg-success-muted: var(--palette-success-100_opacity);
  --bg-elevated-level_0: var(--palette-neutral-950);
  --bg-elevated-level_1: var(--palette-neutral-900);
  --bg-elevated-level_2: var(--palette-neutral-800);
  --bg-elevated-level_3: var(--palette-neutral-700);
  --bg-brand_surface_1: var(--palette-brand-800);
  --bg-brand_surface_2: var(--palette-brand-700);
  --bg-brand_surface_3: var(--palette-brand-600);
  --bg-error_surface_1: var(--palette-error-800);
  --bg-error_surface_2: var(--palette-error-700);
  --bg-error_surface_3: var(--palette-error-600);
  --bg-warning-muted: var(--palette-warning-100_opacity);
  --bg-warning-main-default: var(--palette-warning-400);
  --bg-warning-main-hover: var(--palette-warning-200);
  --bg-warning-main-active: var(--palette-warning-100);
  --bg-warning-soft-default: var(--palette-warning-900);
  --bg-warning-soft-hover: var(--palette-warning-800);
  --bg-warning-soft-active: var(--palette-warning-700);
  --bg-warning-soft-opacity_default: var(--palette-warning-100_opacity);
  --bg-warning-soft-opacity_hover: var(--palette-warning-200_opacity);
  --bg-warning-soft-opacity_active: var(--palette-warning-300_opacity);
  --bg-warning_surface_3: var(--palette-warning-600);
  --bg-warning_surface_1: var(--palette-warning-800);
  --bg-warning_surface_2: var(--palette-warning-700);
  /* component */
  --component-focus-default: var(--palette-brand-800);
  --component-focus-on_color: var(--dark_static);
  --component-overlay-main: #fafafa66;
  --component-overlay-soft: #fafafa1a;
  --component-tree-muted: var(--palette-neutral-800);
  /* none */
  --none: #ffffff00;
  /* fg */
  --fg-brand-contrast: var(--palette-brand-200);
  --fg-brand-main: var(--palette-brand-400);
  --fg-brand-soft: var(--palette-brand-600);
  --fg-brand-muted: var(--palette-brand-300_opacity);
  --fg-brand-hover: var(--palette-brand-200);
  --fg-brand-active: var(--palette-neutral-100);
  --fg-brand-on_soft: var(--palette-brand-200);
  --fg-brand-on_main: var(--palette-brand-950);
  --fg-neutral-contrast: var(--palette-neutral-50);
  --fg-neutral-main: var(--palette-neutral-400);
  --fg-neutral-soft: var(--palette-neutral-600);
  --fg-neutral-muted: var(--palette-neutral-300_opacity);
  --fg-neutral-hover: var(--palette-neutral-200);
  --fg-neutral-active: var(--palette-neutral-100);
  --fg-neutral-on_soft: var(--palette-neutral-200);
  --fg-neutral-on_main: var(--palette-neutral-950);
  --fg-error-contrast: var(--palette-error-200);
  --fg-error-main: var(--palette-error-400);
  --fg-error-soft: var(--palette-error-600);
  --fg-error-muted: var(--palette-error-200_opacity);
  --fg-error-hover: var(--palette-error-200);
  --fg-error-active: var(--palette-error-100);
  --fg-error-on_soft: var(--palette-error-200);
  --fg-error-on_main: var(--palette-error-950);
  --fg-success-contrast: var(--palette-success-200);
  --fg-success-main: var(--palette-success-400);
  --fg-success-soft: var(--palette-success-600);
  --fg-success-muted: var(--palette-success-300_opacity);
  --fg-success-hover: var(--palette-success-200);
  --fg-success-active: var(--palette-success-100);
  --fg-success-on_soft: var(--palette-success-200);
  --fg-success-on_main: var(--palette-success-950);
  --fg-warning-contrast: var(--palette-warning-200);
  --fg-warning-main: var(--palette-warning-400);
  --fg-warning-soft: var(--palette-warning-600);
  --fg-warning-muted: var(--palette-warning-300_opacity);
  --fg-warning-hover: var(--palette-warning-200);
  --fg-warning-active: var(--palette-warning-100);
  --fg-warning-on_main: var(--palette-warning-950);
  --fg-warning-on_soft: var(--palette-warning-200);
  --fg-info-contrast: var(--palette-info-200);
  --fg-info-main: var(--palette-info-400);
  --fg-info-soft: var(--palette-info-600);
  --fg-info-muted: var(--palette-info-300_opacity);
  --fg-info-hover: var(--palette-info-200);
  --fg-info-active: var(--palette-info-100);
  --fg-info-on_main: var(--palette-info-950);
  --fg-info-on_soft: var(--palette-info-200);
  --fg-yellow-contrast: var(--palette-yellow-200);
  --fg-yellow-main: var(--palette-yellow-400);
  --fg-yellow-soft: var(--palette-yellow-600);
  --fg-yellow-muted: var(--palette-yellow-300_opacity);
  --fg-yellow-hover: var(--palette-yellow-200);
  --fg-yellow-active: var(--palette-yellow-100);
  --fg-yellow-on_main: var(--palette-yellow-950);
  --fg-yellow-on_soft: var(--palette-yellow-200);
  --fg-teal-contrast: var(--palette-teal-200);
  --fg-teal-main: var(--palette-teal-400);
  --fg-teal-soft: var(--palette-teal-600);
  --fg-teal-muted: var(--palette-teal-300_opacity);
  --fg-teal-hover: var(--palette-teal-200);
  --fg-teal-active: var(--palette-teal-100);
  --fg-teal-on_main: var(--palette-teal-950);
  --fg-teal-on_soft: var(--palette-teal-200);
  --fg-pink-contrast: var(--palette-pink-200);
  --fg-pink-main: var(--palette-pink-400);
  --fg-pink-soft: var(--palette-pink-600);
  --fg-pink-muted: var(--palette-pink-300_opacity);
  --fg-pink-hover: var(--palette-pink-200);
  --fg-pink-active: var(--palette-pink-100);
  --fg-pink-on_main: var(--palette-pink-950);
  --fg-pink-on_soft: var(--palette-pink-200);
  /* border */
  --border-neutral-contrast: var(--palette-neutral-50);
  --border-neutral-main: var(--palette-neutral-400);
  --border-neutral-soft: var(--palette-neutral-600);
  --border-neutral-muted: var(--palette-neutral-100_opacity);
  --border-neutral-hover: var(--palette-neutral-200);
  --border-neutral-active: var(--palette-neutral-100);
  --border-neutral-on_main: var(--palette-neutral-950);
  --border-brand-main: var(--palette-brand-400);
  --border-brand-soft: var(--palette-brand-600);
  --border-brand-muted: var(--palette-brand-100_opacity);
  --border-brand-hover: var(--palette-brand-200);
  --border-brand-active: var(--palette-brand-100);
  --border-brand-on_main: var(--palette-brand-950);
  --border-error-main: var(--palette-error-400);
  --border-error-soft: var(--palette-error-600);
  --border-error-muted: var(--palette-error-100_opacity);
  --border-error-hover: var(--palette-error-200);
  --border-error-active: var(--palette-error-100);
  --border-error-on_main: var(--palette-error-950);
  --border-success-main: var(--palette-success-400);
  --border-success-soft: var(--palette-success-600);
  --border-success-muted: var(--palette-success-100_opacity);
  --border-success-hover: var(--palette-success-200);
  --border-success-active: var(--palette-success-100);
  --border-success-on_main: var(--palette-success-950);
  --border-warning-main: var(--palette-warning-400);
  --border-warning-soft: var(--palette-warning-600);
  --border-warning-muted: var(--palette-warning-100_opacity);
  --border-warning-hover: var(--palette-warning-200);
  --border-warning-active: var(--palette-warning-100);
  --border-warning-on_main: var(--palette-warning-950);
  /* light_static */
  --light_static: var(--palette-base-0);
  /* dark_static */
  --dark_static: var(--palette-base-1000);
  /* on_color */
  --on_color: var(--palette-neutral-950);
}