/* ================================================================
   MANUALLY MAINTAINED — grid + breakpoints
   ================================================================
   Allt under denna sektion (från [data-theme="brand-primitives"] och
   neråt) är AUTO-EXPORTERAT från Figma. Sektionen ovanför är manuellt
   underhållen eftersom Figma inte exporterar layout-grids eller
   breakpoints som CSS variables.

   Behöver ändras: redigera direkt i denna fil och commita. Figma-export
   skriver INTE över denna sektion (exporten ersätter bara från
   [data-theme=...] och framåt).

   Framtid: när Figma stöttar grid/breakpoint-tokens i sin export,
   flytta hit till motsvarande [data-theme]-block och ta bort denna
   sektion.
================================================================ */
:root {
  /* Layout-grid — 12 kolumner på alla breakpoints, fluid gutter + margin */
  --grid-columns: 12;
  --grid-gutter: clamp(1rem, 2vw, 2rem);     /* 16 → 32 px */
  --grid-margin: clamp(1rem, 5vw, 5rem);     /* 16 → 80 px */

  /* Breakpoints — minimum-bredder per device-klass */
  --bp-mobile: 0;        /* default, < 600 px */
  --bp-tablet: 37.5rem;  /* 600 px */
  --bp-desktop: 80rem;   /* 1280 px */
  --bp-desktop-hd: 120rem; /* 1920 px */
}

/* ================================================================
   AUTO-EXPORTED FROM FIGMA — allt nedanför är genererat
================================================================ */
[data-theme="brand-primitives"] {
  /* color */
  --clr-accent-base: #65e697;
  --clr-accent-shade-1: #46ca7e;
  --clr-accent-shade-2: #26b268;
  --clr-accent-shade-3: #00934c;
  --clr-accent-shade-4: #00793f;
  --clr-accent-tint-1: #74eea3;
  --clr-accent-tint-2: #81f6ae;
  --clr-accent-tint-3: #b0fac9;
  --clr-accent-tint-4: #d9fde4;
  --clr-border-ring-drk: var(--clr-opacity-lgt-12);
  --clr-border-ring-lgt: var(--clr-opacity-drk-8);
  --clr-grad-prm-end: var(--clr-key-ter);
  --clr-grad-prm-start: var(--clr-key-sec);
  --clr-grad-sec-end: var(--clr-key-accent);
  --clr-grad-sec-start: var(--clr-key-sec);
  --clr-grad-sig-heat-end: var(--clr-signal-warn-base);
  --clr-grad-sig-heat-start: var(--clr-signal-crit-shade-1);
  --clr-grad-ter-end: var(--clr-key-prm);
  --clr-grad-ter-start: var(--clr-key-sec);
  --clr-highlight-edge-drk: var(--clr-opacity-lgt-12);
  --clr-highlight-edge-lgt: var(--clr-opacity-drk-8);
  --clr-key-accent: #65e697;
  --clr-key-black: #141414;
  --clr-key-light: #eaf9fb;
  --clr-key-offwhite: #f0efee;
  --clr-key-prm: #061f51;
  --clr-key-sec: #0000ff;
  --clr-key-ter: #01bede;
  --clr-key-white: #ffffff;
  --clr-neutral-base: #141414;
  --clr-neutral-tint-1: #1d1d1d;
  --clr-neutral-tint-10: #ffffff;
  --clr-neutral-tint-2: #2a2c2b;
  --clr-neutral-tint-3: #3d403f;
  --clr-neutral-tint-4: #5b5f5e;
  --clr-neutral-tint-5: #7c7f7e;
  --clr-neutral-tint-6: #9d9995;
  --clr-neutral-tint-7: #c4c7c6;
  --clr-neutral-tint-8: #e1e3e2;
  --clr-neutral-tint-9: #f0efee;
  --clr-opacity-drk-0: #00000000;
  --clr-opacity-drk-100: #000000;
  --clr-opacity-drk-12: #0000001f;
  --clr-opacity-drk-16: #00000029;
  --clr-opacity-drk-20: #00000033;
  --clr-opacity-drk-38: #00000061;
  --clr-opacity-drk-60: #00000099;
  --clr-opacity-drk-8: #00000014;
  --clr-opacity-drk-90: #000000e5;
  --clr-opacity-lgt-0: #ffffff00;
  --clr-opacity-lgt-100: #ffffff;
  --clr-opacity-lgt-12: #ffffff1f;
  --clr-opacity-lgt-16: #ffffff29;
  --clr-opacity-lgt-20: #ffffff33;
  --clr-opacity-lgt-38: #ffffff61;
  --clr-opacity-lgt-60: #ffffff99;
  --clr-opacity-lgt-8: #ffffff14;
  --clr-opacity-lgt-90: #ffffffe5;
  --clr-outline-drk: var(--clr-opacity-lgt-100);
  --clr-outline-lgt: var(--clr-opacity-drk-100);
  --clr-shadow-far-drk: var(--clr-opacity-lgt-12);
  --clr-shadow-far-lgt: var(--clr-opacity-drk-12);
  --clr-shadow-near-drk: var(--clr-opacity-lgt-8);
  --clr-shadow-near-lgt: var(--clr-opacity-drk-8);
  --clr-signal-caution-base: #fff200;
  --clr-signal-caution-shade-1: #eee200;
  --clr-signal-caution-shade-2: #ddd300;
  --clr-signal-caution-shade-3: #ccc400;
  --clr-signal-caution-shade-4: #bfb800;
  --clr-signal-caution-tint-1: #fff450;
  --clr-signal-caution-tint-2: #fff678;
  --clr-signal-caution-tint-3: #fff9a7;
  --clr-signal-caution-tint-4: #fffabd;
  --clr-signal-crit-base: #e85967;
  --clr-signal-crit-shade-1: #d34657;
  --clr-signal-crit-shade-2: #c13549;
  --clr-signal-crit-shade-3: #b1243d;
  --clr-signal-crit-shade-4: #a91937;
  --clr-signal-crit-tint-1: #f0777e;
  --clr-signal-crit-tint-2: #f79497;
  --clr-signal-crit-tint-3: #fdb8b9;
  --clr-signal-crit-tint-4: #ffdcdb;
  --clr-signal-warn-base: #ff9545;
  --clr-signal-warn-shade-1: #ff801f;
  --clr-signal-warn-shade-2: #f56a00;
  --clr-signal-warn-shade-3: #e06100;
  --clr-signal-warn-shade-4: #b85000;
  --clr-signal-warn-tint-1: #ffa35c;
  --clr-signal-warn-tint-2: #ffae70;
  --clr-signal-warn-tint-3: #ffba85;
  --clr-signal-warn-tint-4: #ffc599;
  --clr-tonal-prm-base: #061f51;
  --clr-tonal-prm-tint-1: #051a70;
  --clr-tonal-prm-tint-2: #05148f;
  --clr-tonal-prm-tint-3: #030fad;
  --clr-tonal-prm-tint-4: #030acc;
  --clr-tonal-prm-tint-5: #0005eb;
  --clr-tonal-sec-base: #0000ff;
  --clr-tonal-sec-tint-1: #0d29fa;
  --clr-tonal-sec-tint-2: #144ff5;
  --clr-tonal-sec-tint-3: #1f70f2;
  --clr-tonal-sec-tint-4: #2694ed;
  --clr-tonal-sec-tint-5: #30b8e8;
  --clr-tonal-ter-base: #01bede;
  --clr-tonal-ter-shade-1: #0a9db8;
  --clr-tonal-ter-shade-2: #08859b;
  --clr-tonal-ter-shade-3: #076c7e;
  --clr-tonal-ter-shade-4: #055361;
  --clr-tonal-ter-shade-5: #033038;
  --clr-tonal-ter-shade-6: #022127;
  --clr-tonal-ter-tint-1: #33cce6;
  --clr-tonal-ter-tint-2: #6bd9eb;
  --clr-tonal-ter-tint-3: #8fe3f0;
  --clr-tonal-ter-tint-4: #abe8f2;
  --clr-tonal-ter-tint-5: #d6f5f7;
  --clr-tonal-ter-tint-6: #ebfafa;
  /* number */
  --fnt-letter-spacing-none: 0rem;
  --fnt-letter-spacing-small: 0.0006rem;
  --fnt-line-height-01: 1.25rem;
  --fnt-line-height-02: 1.5rem;
  --fnt-line-height-03: 2rem;
  --fnt-line-height-04: 2.5rem;
  --fnt-line-height-05: 3.5rem;
  --fnt-line-height-06: 3.75rem;
  --fnt-line-height-07: 5rem;
  --fnt-line-height-08: 7.5rem;
  --fnt-line-height-09: 10rem;
  --fnt-size-01: 0.75rem;
  --fnt-size-02: 0.875rem;
  --fnt-size-03: 1rem;
  --fnt-size-04: 1.25rem;
  --fnt-size-05: 1.5rem;
  --fnt-size-06: 1.75rem;
  --fnt-size-07: 2rem;
  --fnt-size-08: 2.5rem;
  --fnt-size-09: 3rem;
  --fnt-size-10: 4rem;
  --fnt-size-11: 6rem;
  --fnt-size-12: 8rem;
  --fnt-vw-min-vw: 22.5rem;
  --fnt-vw-max-vw: 120rem;
  --shp-none: 0rem;
  --shp-xs: 0.25rem;
  --shp-sm: 0.5rem;
  --shp-md: 0.75rem;
  --shp-lg: 1.25rem;
  --shp-xl: 2rem;
  --shp-full: 62.5rem;
  --spc-00: 0rem;
  --spc-01: 0.125rem;
  --spc-02: 0.25rem;
  --spc-03: 0.5rem;
  --spc-04: 0.75rem;
  --spc-05: 1rem;
  --spc-06: 1.25rem;
  --spc-07: 1.5rem;
  --spc-08: 2rem;
  --spc-09: 2.5rem;
  --spc-10: 3rem;
  --spc-11: 4rem;
  --spc-12: 5rem;
  --spc-13: 6rem;
  --spc-14: 10rem;
  --spc-15: 15rem;
  --spc-gap-none: var(--spc-00);
  --spc-gap-xs: var(--spc-02);
  --spc-gap-sm: var(--spc-03);
  --spc-gap-md: var(--spc-05);
  --spc-gap-lg: var(--spc-08);
  --spc-gap-xl: var(--spc-10);
  --spc-outline-focus-offset: var(--spc-01);
  --spc-outline-focus-width: var(--spc-01);
  /* string */
  --clr-grad-prm-bottom: linear-gradient(0deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-bottom-left: linear-gradient(66.52deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-bottom-right: linear-gradient(293.48deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-left: linear-gradient(90deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-right: linear-gradient(270deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-top: linear-gradient(180deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-top-left: linear-gradient(113.48deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-prm-top-right: linear-gradient(246.52deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%);
  --clr-grad-sec-bottom: linear-gradient(0deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-bottom-left: linear-gradient(66.52deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-bottom-right: linear-gradient(293.48deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-left: linear-gradient(90deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-right: linear-gradient(270deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-top: linear-gradient(180deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-top-left: linear-gradient(113.48deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sec-top-right: linear-gradient(246.52deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%);
  --clr-grad-sig-heat-bottom: linear-gradient(0deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-bottom-left: linear-gradient(66.52deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-bottom-right: linear-gradient(293.48deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-left: linear-gradient(90deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-right: linear-gradient(270deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-top: linear-gradient(180deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-top-left: linear-gradient(113.48deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-sig-heat-top-right: linear-gradient(246.52deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%);
  --clr-grad-ter-bottom: linear-gradient(0deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-bottom-left: linear-gradient(66.52deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-bottom-right: linear-gradient(293.48deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-left: linear-gradient(90deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-right: linear-gradient(270deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-top: linear-gradient(180deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-top-left: linear-gradient(113.48deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --clr-grad-ter-top-right: linear-gradient(246.52deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%);
  --fnt-family-gilroy: Gilroy;
  --fnt-family-inter: Inter;
  --fnt-family-roboto-mono: Roboto Mono;
  --fnt-style-italic: italic;
  --fnt-style-normal: normal;
  --fnt-text-decoration-none: none;
  --fnt-text-decoration-underline: underline;
  --fnt-weight-300: 300;
  --fnt-weight-400: 400;
  --fnt-weight-500: 500;
  --fnt-weight-600: 600;
  --fnt-weight-700: 700;
  --fnt-weight-bold: bold;
  --fnt-weight-light: light;
  --fnt-weight-medium: medium;
  --fnt-weight-regular: regular;
  --fnt-weight-semibold: semibold;
  --fx-blur-md: backdrop-filter: blur(20px);
  --fx-blur-none: backdrop-filter: blur(0px);
  --fx-elv-0: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-3: 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 3px 4px rgba(0, 0, 0, 0.08), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-6: 0px 1px 18px rgba(0, 0, 0, 0.06), 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 3px 5px -1px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-inset-1: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 2px 0px rgba(0, 0, 0, 0.2);
  --fx-elv-lift: translateY(-2px);
  --fx-elv-drk-0: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
  --fx-elv-drk-3: 0px 1px 8px rgba(255, 255, 255, 0.06), 0px 3px 4px rgba(255, 255, 255, 0.08), 0px 3px 3px -2px rgba(255, 255, 255, 0.12), inset 0px 0px 0px rgba(255, 255, 255, 0);
  --fx-elv-drk-6: 0px 1px 18px rgba(255, 255, 255, 0.06), 0px 6px 10px rgba(255, 255, 255, 0.08), 0px 3px 5px -1px rgba(255, 255, 255, 0.12), inset 0px 0px 0px rgba(255, 255, 255, 0);
  --fx-elv-drk-inset-1: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 2px 0px rgba(255, 255, 255, 0.2);
  --fx-elv-lgt-0: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-lgt-3: 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 3px 4px rgba(0, 0, 0, 0.08), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-lgt-6: 0px 1px 18px rgba(0, 0, 0, 0.06), 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 3px 5px -1px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0);
  --fx-elv-lgt-inset-1: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 2px 0px rgba(0, 0, 0, 0.2);
  --fx-elv-surface-base-drk: inset 0 0 0 1px var(--clr-border-ring-drk), inset 0 1px 0 var(--clr-highlight-edge-drk), 0 1px 2px var(--clr-shadow-near-drk), 0 1px 2px var(--clr-shadow-far-drk);
  --fx-elv-surface-base-lgt: inset 0 0 0 1px var(--clr-border-ring-lgt), inset 0 1px 0 var(--clr-highlight-edge-lgt), 0 1px 2px var(--clr-shadow-near-lgt), 0 1px 2px var(--clr-shadow-far-lgt);
  --fx-elv-surface-elevated-drk: inset 0 0 1px 1px var(--clr-border-ring-drk), inset 0 1px 0 var(--clr-highlight-edge-drk), 0 1px 2px var(--clr-shadow-near-drk), 0 3px 6px var(--clr-shadow-far-drk);
  --fx-elv-surface-elevated-lgt: inset 0 0 0 1px var(--clr-border-ring-lgt), inset 0 1px 0 var(--clr-highlight-edge-lgt), 0 1px 2px var(--clr-shadow-near-lgt), 0 3px 6px var(--clr-shadow-far-lgt);
  --fx-flt-hover-drk: brightness(1.3);
  --fx-flt-hover-lgt: brightness(0.92);
  --mtn-duration-sm: 150ms;
  --mtn-duration-md: 200ms;
  --mtn-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme="light-theme"] {
  /* color */
  --background-inverse-primary: var(--clr-key-black);
  --background-inverse-quarternary: var(--clr-key-prm);
  --background-inverse-secondary: var(--clr-neutral-tint-1);
  --background-inverse-tertiary: var(--clr-tonal-ter-shade-5);
  --background-muted: var(--clr-neutral-tint-9);
  --background-primary: var(--clr-key-offwhite);
  --background-quarternary: var(--clr-key-prm);
  --background-secondary: var(--clr-key-white);
  --background-tertiary: var(--clr-key-light);
  --background-button-accent-active: var(--clr-accent-tint-4);
  --background-button-accent-default: var(--clr-accent-base);
  --background-button-accent-disabled: var(--clr-neutral-tint-7);
  --background-button-accent-focus: var(--clr-accent-tint-2);
  --background-button-accent-hover: var(--clr-accent-tint-2);
  --background-button-accent-inverse-active: var(--clr-accent-tint-4);
  --background-button-accent-inverse-default: var(--clr-accent-base);
  --background-button-accent-inverse-disabled: var(--clr-neutral-tint-4);
  --background-button-accent-inverse-focus: var(--clr-accent-tint-2);
  --background-button-accent-inverse-hover: var(--clr-accent-tint-2);
  --background-button-accent-inverse-loading: var(--clr-neutral-tint-4);
  --background-button-accent-loading: var(--clr-neutral-tint-7);
  --background-button-primary-active: var(--clr-tonal-prm-tint-4);
  --background-button-primary-default: var(--clr-key-prm);
  --background-button-primary-disabled: var(--clr-neutral-tint-7);
  --background-button-primary-focus: var(--clr-tonal-prm-tint-2);
  --background-button-primary-hover: var(--clr-tonal-prm-tint-2);
  --background-button-primary-inverse-active: var(--clr-tonal-ter-tint-4);
  --background-button-primary-inverse-default: var(--clr-key-ter);
  --background-button-primary-inverse-disabled: var(--clr-neutral-tint-4);
  --background-button-primary-inverse-focus: var(--clr-tonal-ter-tint-2);
  --background-button-primary-inverse-hover: var(--clr-tonal-ter-tint-2);
  --background-button-primary-inverse-loading: var(--clr-neutral-tint-4);
  --background-button-primary-loading: var(--clr-neutral-tint-7);
  --background-button-secondary-active: var(--clr-opacity-drk-8);
  --background-button-secondary-default: var(--clr-opacity-drk-0);
  --background-button-secondary-disabled: var(--clr-neutral-tint-7);
  --background-button-secondary-focus: var(--clr-opacity-drk-12);
  --background-button-secondary-hover: var(--clr-opacity-drk-8);
  --background-button-secondary-inverse-active: var(--clr-opacity-lgt-8);
  --background-button-secondary-inverse-default: var(--clr-opacity-lgt-0);
  --background-button-secondary-inverse-disabled: var(--clr-neutral-tint-4);
  --background-button-secondary-inverse-focus: var(--clr-opacity-lgt-12);
  --background-button-secondary-inverse-hover: var(--clr-opacity-lgt-8);
  --background-button-secondary-inverse-loading: var(--clr-neutral-tint-4);
  --background-button-secondary-loading: var(--clr-neutral-tint-7);
  --background-button-warning-active: var(--clr-signal-crit-shade-4);
  --background-button-warning-default: var(--clr-signal-crit-base);
  --background-button-warning-disabled: var(--clr-neutral-tint-7);
  --background-button-warning-focus: var(--clr-signal-crit-shade-2);
  --background-button-warning-hover: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-active: var(--clr-signal-crit-shade-4);
  --background-button-warning-inverse-default: var(--clr-signal-crit-base);
  --background-button-warning-inverse-disabled: var(--clr-neutral-tint-4);
  --background-button-warning-inverse-focus: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-hover: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-loading: var(--clr-neutral-tint-4);
  --background-button-warning-loading: var(--clr-neutral-tint-7);
  --background-contextual-menu-active: var(--clr-tonal-ter-tint-5);
  --background-contextual-menu-default: var(--clr-key-white);
  --background-dialog-default: var(--clr-neutral-tint-10);
  --background-distractor-primary: var(--clr-opacity-drk-60);
  --background-filter-chip-selected-active: var(--clr-tonal-prm-tint-2);
  --background-filter-chip-selected-default: var(--clr-key-prm);
  --background-filter-chip-selected-disabled: var(--clr-opacity-drk-20);
  --background-filter-chip-selected-focus: var(--clr-tonal-prm-tint-1);
  --background-filter-chip-selected-hover: var(--clr-tonal-prm-tint-1);
  --background-filter-chip-unselected-active: var(--clr-tonal-ter-tint-4);
  --background-filter-chip-unselected-default: var(--clr-key-light);
  --background-filter-chip-unselected-disabled: var(--clr-opacity-drk-12);
  --background-filter-chip-unselected-focus: var(--clr-tonal-ter-tint-5);
  --background-filter-chip-unselected-hover: var(--clr-tonal-ter-tint-5);
  --background-listitem-prm-accent: var(--clr-accent-tint-3);
  --background-listitem-prm-critical: var(--clr-signal-crit-tint-3);
  --background-listitem-prm-default: var(--clr-key-white);
  --background-listitem-prm-disabled: var(--clr-opacity-drk-8);
  --background-listitem-qua-accent: var(--clr-accent-shade-4);
  --background-listitem-qua-critical: var(--clr-signal-crit-shade-2);
  --background-listitem-qua-default: var(--clr-tonal-prm-tint-2);
  --background-listitem-qua-disabled: var(--clr-opacity-lgt-8);
  --background-listitem-sec-accent: var(--clr-accent-tint-3);
  --background-listitem-sec-critical: var(--clr-signal-crit-tint-3);
  --background-listitem-sec-default: var(--clr-key-light);
  --background-listitem-sec-disabled: var(--clr-opacity-drk-8);
  --background-listitem-ter-accent: var(--clr-accent-tint-3);
  --background-listitem-ter-critical: var(--clr-signal-crit-tint-3);
  --background-listitem-ter-default: var(--clr-key-white);
  --background-listitem-ter-disabled: var(--clr-opacity-drk-8);
  --background-progress-bar-track-background: var(--clr-opacity-drk-16);
  --background-signal-critical: var(--clr-signal-crit-tint-3);
  --background-signal-info: var(--clr-tonal-ter-tint-4);
  --background-signal-inverse-critical: var(--clr-signal-crit-base);
  --background-signal-inverse-info: var(--clr-tonal-ter-base);
  --background-signal-inverse-success: var(--clr-accent-base);
  --background-signal-inverse-warning: var(--clr-signal-warn-base);
  --background-signal-success: var(--clr-accent-tint-3);
  --background-signal-warning: var(--clr-signal-warn-tint-3);
  --background-surface-active: var(--clr-opacity-drk-8);
  --background-surface-border-ring: var(--clr-border-ring-lgt);
  --background-surface-default: var(--clr-opacity-drk-0);
  --background-surface-disabled: var(--clr-opacity-drk-0);
  --background-surface-focus: var(--clr-opacity-drk-8);
  --background-surface-highlight-edge: var(--clr-highlight-edge-lgt);
  --background-surface-hover: var(--clr-opacity-drk-8);
  --background-surface-inverse-active: var(--clr-opacity-lgt-20);
  --background-surface-inverse-default: var(--clr-opacity-lgt-0);
  --background-surface-inverse-disabled: var(--clr-opacity-lgt-0);
  --background-surface-inverse-focus: var(--clr-opacity-lgt-20);
  --background-surface-inverse-hover: var(--clr-opacity-lgt-20);
  --background-surface-shadow-far: var(--clr-shadow-far-lgt);
  --background-surface-shadow-near: var(--clr-shadow-near-lgt);
  --background-tab-active: var(--clr-opacity-drk-12);
  --background-tab-default: var(--clr-opacity-drk-0);
  --background-tab-disabled: var(--clr-opacity-drk-0);
  --background-tab-focus: var(--clr-opacity-drk-8);
  --background-tab-hover: var(--clr-opacity-drk-8);
  --background-tab-inverse-active: var(--clr-opacity-lgt-12);
  --background-tab-inverse-default: var(--clr-opacity-lgt-0);
  --background-tab-inverse-disabled: var(--clr-opacity-lgt-0);
  --background-tab-inverse-focus: var(--clr-opacity-lgt-8);
  --background-tab-inverse-hover: var(--clr-opacity-lgt-8);
  --background-tab-inverse-ripple: var(--clr-opacity-lgt-16);
  --background-tab-ripple: var(--clr-opacity-drk-16);
  --border-inverse-primary: var(--clr-key-ter);
  --border-inverse-quarternary: var(--clr-key-sec);
  --border-inverse-secondary: var(--clr-neutral-tint-10);
  --border-inverse-tertiary: var(--clr-opacity-lgt-20);
  --border-primary: var(--clr-key-ter);
  --border-quarternary: var(--clr-key-sec);
  --border-secondary: var(--clr-neutral-base);
  --border-tertiary: var(--clr-opacity-drk-20);
  --border-button-default: var(--clr-opacity-drk-100);
  --border-button-disabled: var(--clr-opacity-drk-0);
  --border-button-inverse-default: var(--clr-opacity-lgt-100);
  --border-button-inverse-disabled: var(--clr-opacity-lgt-0);
  --border-filter-chip-focus-ring-inner: var(--clr-key-white);
  --border-filter-chip-focus-ring-outer: var(--clr-key-black);
  --border-filter-chip-selected-active: var(--clr-key-prm);
  --border-filter-chip-selected-default: var(--clr-key-prm);
  --border-filter-chip-selected-disabled: var(--clr-opacity-drk-12);
  --border-filter-chip-selected-focus: var(--clr-key-prm);
  --border-filter-chip-selected-hover: var(--clr-key-prm);
  --border-filter-chip-unselected-active: var(--clr-key-ter);
  --border-filter-chip-unselected-default: var(--clr-key-ter);
  --border-filter-chip-unselected-disabled: var(--clr-opacity-drk-12);
  --border-filter-chip-unselected-focus: var(--clr-key-ter);
  --border-filter-chip-unselected-hover: var(--clr-key-ter);
  --border-outline-default: var(--clr-outline-lgt);
  --border-outline-inverse: var(--clr-outline-drk);
  --brand-primary: var(--clr-key-prm);
  --brand-secondary: var(--clr-key-sec);
  --brand-tertiary: var(--clr-key-ter);
  --chart-base-color-1: var(--clr-key-prm);
  --chart-base-color-10: var(--clr-tonal-ter-tint-4);
  --chart-base-color-2: var(--clr-key-sec);
  --chart-base-color-3: var(--clr-key-ter);
  --chart-base-color-4: var(--clr-key-accent);
  --chart-base-color-5: var(--clr-neutral-tint-5);
  --chart-base-color-6: var(--clr-signal-crit-base);
  --chart-base-color-7: var(--clr-signal-warn-base);
  --chart-base-color-8: var(--clr-signal-caution-base);
  --chart-base-color-9: var(--clr-neutral-tint-7);
  --content-inverse-primary: var(--clr-key-white);
  --content-inverse-secondary: var(--clr-key-ter);
  --content-inverse-tertiary: var(--clr-neutral-tint-6);
  --content-primary: var(--clr-key-black);
  --content-secondary: var(--clr-key-prm);
  --content-tertiary: var(--clr-neutral-tint-4);
  --content-button-accent-active: var(--clr-key-black);
  --content-button-accent-default: var(--clr-key-black);
  --content-button-accent-disabled: var(--clr-neutral-tint-4);
  --content-button-accent-focus: var(--clr-key-black);
  --content-button-accent-hover: var(--clr-key-black);
  --content-button-accent-inverse-active: var(--clr-key-black);
  --content-button-accent-inverse-default: var(--clr-key-black);
  --content-button-accent-inverse-disabled: var(--clr-neutral-tint-6);
  --content-button-accent-inverse-focus: var(--clr-key-black);
  --content-button-accent-inverse-hover: var(--clr-key-black);
  --content-button-accent-inverse-loading: var(--clr-neutral-tint-6);
  --content-button-accent-loading: var(--clr-neutral-tint-4);
  --content-button-primary-active: var(--clr-key-white);
  --content-button-primary-default: var(--clr-key-white);
  --content-button-primary-disabled: var(--clr-neutral-tint-4);
  --content-button-primary-focus: var(--clr-key-white);
  --content-button-primary-hover: var(--clr-key-white);
  --content-button-primary-inverse-active: var(--clr-key-black);
  --content-button-primary-inverse-default: var(--clr-key-black);
  --content-button-primary-inverse-disabled: var(--clr-neutral-tint-6);
  --content-button-primary-inverse-focus: var(--clr-key-black);
  --content-button-primary-inverse-hover: var(--clr-key-black);
  --content-button-primary-inverse-loading: var(--clr-neutral-tint-6);
  --content-button-primary-loading: var(--clr-neutral-tint-4);
  --content-button-secondary-active: var(--clr-key-black);
  --content-button-secondary-default: var(--clr-key-black);
  --content-button-secondary-disabled: var(--clr-neutral-tint-4);
  --content-button-secondary-focus: var(--clr-key-black);
  --content-button-secondary-hover: var(--clr-key-black);
  --content-button-secondary-inverse-active: var(--clr-key-white);
  --content-button-secondary-inverse-default: var(--clr-key-white);
  --content-button-secondary-inverse-disabled: var(--clr-neutral-tint-6);
  --content-button-secondary-inverse-focus: var(--clr-key-white);
  --content-button-secondary-inverse-hover: var(--clr-key-white);
  --content-button-secondary-inverse-loading: var(--clr-neutral-tint-6);
  --content-button-secondary-loading: var(--clr-neutral-tint-4);
  --content-button-warning-active: var(--clr-key-white);
  --content-button-warning-default: var(--clr-key-white);
  --content-button-warning-disabled: var(--clr-neutral-tint-4);
  --content-button-warning-focus: var(--clr-key-white);
  --content-button-warning-hover: var(--clr-key-white);
  --content-button-warning-inverse-active: var(--clr-key-white);
  --content-button-warning-inverse-default: var(--clr-key-white);
  --content-button-warning-inverse-disabled: var(--clr-neutral-tint-6);
  --content-button-warning-inverse-focus: var(--clr-key-white);
  --content-button-warning-inverse-hover: var(--clr-key-white);
  --content-button-warning-inverse-loading: var(--clr-neutral-tint-6);
  --content-button-warning-loading: var(--clr-neutral-tint-4);
  --content-contextual-menu-critical: var(--clr-signal-crit-shade-2);
  --content-contextual-menu-default: var(--clr-key-black);
  --content-contextual-menu-selected: var(--clr-key-black);
  --content-filter-chip-selected-disabled: var(--clr-neutral-tint-4);
  --content-filter-chip-unselected-disabled: var(--clr-neutral-tint-4);
  --content-no-inverse-negative: var(--clr-signal-crit-tint-3);
  --content-no-inverse-positive: var(--clr-accent-base);
  --content-no-negative: var(--clr-signal-crit-shade-2);
  --content-no-positive: var(--clr-tonal-sec-base);
  /* string */
  --background-progress-bar-track-fill-countdown-default: var(--clr-grad-prm-left);
  --background-progress-bar-track-fill-countdown-warning: var(--clr-grad-sig-heat-left);
  --background-progress-bar-track-fill-primary-default: var(--clr-grad-prm-right);
  --background-progress-bar-track-fill-primary-warning: var(--clr-grad-sig-heat-right);
  --background-surface-filter-hover: var(--fx-flt-hover-lgt);
  --background-tab-active-indicator: var(--clr-grad-prm-left);
  --background-tab-inverse-active-indicator: var(--clr-grad-prm-right);
  --elevation-button-active: var(--fx-elv-lgt-inset-1);
  --elevation-button-hover: var(--fx-elv-lgt-3);
  --elevation-contextual-menu-default: var(--fx-elv-lgt-6);
  --elevation-header-default: var(--fx-elv-lgt-0);
  --elevation-header-scrolled: var(--fx-elv-lgt-6);
  --elevation-surface-base: var(--fx-elv-surface-base-lgt);
  --elevation-surface-elevated: var(--fx-elv-surface-elevated-lgt);
  --elevation-surface-pressed: var(--fx-elv-inset-1);
}
[data-theme="dark-theme"] {
  /* color */
  --background-inverse-primary: var(--clr-key-offwhite);
  --background-inverse-quarternary: var(--clr-key-prm);
  --background-inverse-secondary: var(--clr-key-white);
  --background-inverse-tertiary: var(--clr-key-light);
  --background-muted: var(--clr-neutral-tint-2);
  --background-primary: var(--clr-key-black);
  --background-quarternary: var(--clr-key-prm);
  --background-secondary: var(--clr-neutral-tint-1);
  --background-tertiary: var(--clr-tonal-ter-shade-5);
  --background-button-accent-active: var(--clr-accent-tint-4);
  --background-button-accent-default: var(--clr-accent-base);
  --background-button-accent-disabled: var(--clr-neutral-tint-4);
  --background-button-accent-focus: var(--clr-accent-tint-2);
  --background-button-accent-hover: var(--clr-accent-tint-2);
  --background-button-accent-inverse-active: var(--clr-accent-tint-4);
  --background-button-accent-inverse-default: var(--clr-accent-base);
  --background-button-accent-inverse-disabled: var(--clr-neutral-tint-7);
  --background-button-accent-inverse-focus: var(--clr-accent-tint-2);
  --background-button-accent-inverse-hover: var(--clr-accent-tint-2);
  --background-button-accent-inverse-loading: var(--clr-neutral-tint-7);
  --background-button-accent-loading: var(--clr-neutral-tint-4);
  --background-button-primary-active: var(--clr-tonal-ter-tint-4);
  --background-button-primary-default: var(--clr-key-ter);
  --background-button-primary-disabled: var(--clr-neutral-tint-4);
  --background-button-primary-focus: var(--clr-tonal-ter-tint-2);
  --background-button-primary-hover: var(--clr-tonal-ter-tint-2);
  --background-button-primary-inverse-active: var(--clr-tonal-prm-tint-4);
  --background-button-primary-inverse-default: var(--clr-key-prm);
  --background-button-primary-inverse-disabled: var(--clr-neutral-tint-7);
  --background-button-primary-inverse-focus: var(--clr-tonal-prm-tint-2);
  --background-button-primary-inverse-hover: var(--clr-tonal-prm-tint-2);
  --background-button-primary-inverse-loading: var(--clr-neutral-tint-7);
  --background-button-primary-loading: var(--clr-neutral-tint-4);
  --background-button-secondary-active: var(--clr-opacity-lgt-8);
  --background-button-secondary-default: var(--clr-opacity-lgt-0);
  --background-button-secondary-disabled: var(--clr-neutral-tint-4);
  --background-button-secondary-focus: var(--clr-opacity-lgt-12);
  --background-button-secondary-hover: var(--clr-opacity-lgt-8);
  --background-button-secondary-inverse-active: var(--clr-opacity-drk-8);
  --background-button-secondary-inverse-default: var(--clr-opacity-drk-0);
  --background-button-secondary-inverse-disabled: var(--clr-neutral-tint-7);
  --background-button-secondary-inverse-focus: var(--clr-opacity-drk-12);
  --background-button-secondary-inverse-hover: var(--clr-opacity-drk-8);
  --background-button-secondary-inverse-loading: var(--clr-neutral-tint-7);
  --background-button-secondary-loading: var(--clr-neutral-tint-4);
  --background-button-warning-active: var(--clr-signal-crit-shade-4);
  --background-button-warning-default: var(--clr-signal-crit-base);
  --background-button-warning-disabled: var(--clr-neutral-tint-4);
  --background-button-warning-focus: var(--clr-signal-crit-shade-2);
  --background-button-warning-hover: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-active: var(--clr-signal-crit-shade-4);
  --background-button-warning-inverse-default: var(--clr-signal-crit-base);
  --background-button-warning-inverse-disabled: var(--clr-neutral-tint-7);
  --background-button-warning-inverse-focus: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-hover: var(--clr-signal-crit-shade-2);
  --background-button-warning-inverse-loading: var(--clr-neutral-tint-7);
  --background-button-warning-loading: var(--clr-neutral-tint-4);
  --background-contextual-menu-active: var(--clr-key-ter);
  --background-contextual-menu-default: var(--clr-neutral-tint-3);
  --background-dialog-default: var(--clr-neutral-tint-2);
  --background-distractor-primary: var(--clr-opacity-drk-38);
  --background-filter-chip-selected-active: var(--clr-tonal-ter-tint-2);
  --background-filter-chip-selected-default: var(--clr-key-ter);
  --background-filter-chip-selected-disabled: var(--clr-opacity-lgt-20);
  --background-filter-chip-selected-focus: var(--clr-tonal-ter-tint-1);
  --background-filter-chip-selected-hover: var(--clr-tonal-ter-tint-1);
  --background-filter-chip-unselected-active: var(--clr-tonal-prm-tint-2);
  --background-filter-chip-unselected-default: var(--clr-key-prm);
  --background-filter-chip-unselected-disabled: var(--clr-opacity-lgt-12);
  --background-filter-chip-unselected-focus: var(--clr-tonal-prm-tint-1);
  --background-filter-chip-unselected-hover: var(--clr-tonal-prm-tint-1);
  --background-listitem-prm-accent: var(--clr-accent-shade-4);
  --background-listitem-prm-critical: var(--clr-signal-crit-shade-2);
  --background-listitem-prm-default: var(--clr-neutral-tint-1);
  --background-listitem-prm-disabled: var(--clr-opacity-lgt-8);
  --background-listitem-qua-accent: var(--clr-accent-shade-4);
  --background-listitem-qua-critical: var(--clr-signal-crit-shade-2);
  --background-listitem-qua-default: var(--clr-tonal-prm-tint-2);
  --background-listitem-qua-disabled: var(--clr-opacity-lgt-8);
  --background-listitem-sec-accent: var(--clr-accent-shade-4);
  --background-listitem-sec-critical: var(--clr-signal-crit-shade-2);
  --background-listitem-sec-default: var(--clr-tonal-ter-shade-5);
  --background-listitem-sec-disabled: var(--clr-opacity-lgt-8);
  --background-listitem-ter-accent: var(--clr-accent-shade-4);
  --background-listitem-ter-critical: var(--clr-signal-crit-shade-2);
  --background-listitem-ter-default: var(--clr-neutral-tint-1);
  --background-listitem-ter-disabled: var(--clr-opacity-lgt-12);
  --background-progress-bar-track-background: var(--clr-opacity-lgt-16);
  --background-signal-critical: var(--clr-signal-crit-base);
  --background-signal-info: var(--clr-tonal-ter-base);
  --background-signal-inverse-critical: var(--clr-signal-crit-tint-3);
  --background-signal-inverse-info: var(--clr-tonal-ter-tint-4);
  --background-signal-inverse-success: var(--clr-accent-tint-3);
  --background-signal-inverse-warning: var(--clr-signal-warn-tint-3);
  --background-signal-success: var(--clr-accent-base);
  --background-signal-warning: var(--clr-signal-warn-base);
  --background-surface-active: var(--clr-opacity-lgt-20);
  --background-surface-border-ring: var(--clr-border-ring-drk);
  --background-surface-default: var(--clr-opacity-lgt-0);
  --background-surface-disabled: var(--clr-opacity-lgt-0);
  --background-surface-focus: var(--clr-opacity-lgt-20);
  --background-surface-highlight-edge: var(--clr-highlight-edge-drk);
  --background-surface-hover: var(--clr-opacity-lgt-20);
  --background-surface-inverse-active: var(--clr-opacity-drk-8);
  --background-surface-inverse-default: var(--clr-opacity-drk-0);
  --background-surface-inverse-disabled: var(--clr-opacity-drk-0);
  --background-surface-inverse-focus: var(--clr-opacity-drk-8);
  --background-surface-inverse-hover: var(--clr-opacity-drk-8);
  --background-surface-shadow-far: var(--clr-shadow-far-drk);
  --background-surface-shadow-near: var(--clr-shadow-near-drk);
  --background-tab-active: var(--clr-opacity-lgt-12);
  --background-tab-default: var(--clr-opacity-lgt-0);
  --background-tab-disabled: var(--clr-opacity-lgt-0);
  --background-tab-focus: var(--clr-opacity-lgt-8);
  --background-tab-hover: var(--clr-opacity-lgt-8);
  --background-tab-inverse-active: var(--clr-opacity-drk-12);
  --background-tab-inverse-default: var(--clr-opacity-drk-0);
  --background-tab-inverse-disabled: var(--clr-opacity-drk-0);
  --background-tab-inverse-focus: var(--clr-opacity-drk-8);
  --background-tab-inverse-hover: var(--clr-opacity-drk-8);
  --background-tab-inverse-ripple: var(--clr-opacity-drk-16);
  --background-tab-ripple: var(--clr-opacity-lgt-16);
  --border-inverse-primary: var(--clr-key-ter);
  --border-inverse-quarternary: var(--clr-key-sec);
  --border-inverse-secondary: var(--clr-neutral-base);
  --border-inverse-tertiary: var(--clr-opacity-drk-20);
  --border-primary: var(--clr-key-ter);
  --border-quarternary: var(--clr-key-sec);
  --border-secondary: var(--clr-neutral-tint-10);
  --border-tertiary: var(--clr-opacity-lgt-20);
  --border-button-default: var(--clr-opacity-lgt-100);
  --border-button-disabled: var(--clr-opacity-lgt-0);
  --border-button-inverse-default: var(--clr-opacity-drk-100);
  --border-button-inverse-disabled: var(--clr-opacity-drk-0);
  --border-filter-chip-focus-ring-inner: var(--clr-key-white);
  --border-filter-chip-focus-ring-outer: var(--clr-key-black);
  --border-filter-chip-selected-active: var(--clr-opacity-lgt-0);
  --border-filter-chip-selected-default: var(--clr-opacity-lgt-0);
  --border-filter-chip-selected-disabled: var(--clr-opacity-lgt-12);
  --border-filter-chip-selected-focus: var(--clr-opacity-lgt-0);
  --border-filter-chip-selected-hover: var(--clr-opacity-lgt-0);
  --border-filter-chip-unselected-active: var(--clr-key-ter);
  --border-filter-chip-unselected-default: var(--clr-key-ter);
  --border-filter-chip-unselected-disabled: var(--clr-opacity-lgt-12);
  --border-filter-chip-unselected-focus: var(--clr-key-ter);
  --border-filter-chip-unselected-hover: var(--clr-key-ter);
  --border-outline-default: var(--clr-outline-drk);
  --border-outline-inverse: var(--clr-outline-lgt);
  --brand-primary: var(--clr-key-prm);
  --brand-secondary: var(--clr-key-sec);
  --brand-tertiary: var(--clr-key-ter);
  --chart-base-color-1: var(--clr-key-ter);
  --chart-base-color-10: var(--clr-tonal-ter-tint-4);
  --chart-base-color-2: var(--clr-tonal-sec-tint-2);
  --chart-base-color-3: var(--clr-key-accent);
  --chart-base-color-4: var(--clr-key-light);
  --chart-base-color-5: var(--clr-neutral-tint-5);
  --chart-base-color-6: var(--clr-signal-crit-base);
  --chart-base-color-7: var(--clr-signal-warn-base);
  --chart-base-color-8: var(--clr-signal-caution-base);
  --chart-base-color-9: var(--clr-neutral-tint-7);
  --content-inverse-primary: var(--clr-key-black);
  --content-inverse-secondary: var(--clr-key-prm);
  --content-inverse-tertiary: var(--clr-neutral-tint-4);
  --content-primary: var(--clr-key-white);
  --content-secondary: var(--clr-key-ter);
  --content-tertiary: var(--clr-neutral-tint-6);
  --content-button-accent-active: var(--clr-key-black);
  --content-button-accent-default: var(--clr-key-black);
  --content-button-accent-disabled: var(--clr-neutral-tint-6);
  --content-button-accent-focus: var(--clr-key-black);
  --content-button-accent-hover: var(--clr-key-black);
  --content-button-accent-inverse-active: var(--clr-key-black);
  --content-button-accent-inverse-default: var(--clr-key-black);
  --content-button-accent-inverse-disabled: var(--clr-neutral-tint-4);
  --content-button-accent-inverse-focus: var(--clr-key-black);
  --content-button-accent-inverse-hover: var(--clr-key-black);
  --content-button-accent-inverse-loading: var(--clr-neutral-tint-4);
  --content-button-accent-loading: var(--clr-neutral-tint-6);
  --content-button-primary-active: var(--clr-key-black);
  --content-button-primary-default: var(--clr-key-black);
  --content-button-primary-disabled: var(--clr-neutral-tint-6);
  --content-button-primary-focus: var(--clr-key-black);
  --content-button-primary-hover: var(--clr-key-black);
  --content-button-primary-inverse-active: var(--clr-key-white);
  --content-button-primary-inverse-default: var(--clr-key-white);
  --content-button-primary-inverse-disabled: var(--clr-neutral-tint-4);
  --content-button-primary-inverse-focus: var(--clr-key-white);
  --content-button-primary-inverse-hover: var(--clr-key-white);
  --content-button-primary-inverse-loading: var(--clr-neutral-tint-4);
  --content-button-primary-loading: var(--clr-neutral-tint-6);
  --content-button-secondary-active: var(--clr-key-white);
  --content-button-secondary-default: var(--clr-key-white);
  --content-button-secondary-disabled: var(--clr-neutral-tint-6);
  --content-button-secondary-focus: var(--clr-key-white);
  --content-button-secondary-hover: var(--clr-key-white);
  --content-button-secondary-inverse-active: var(--clr-key-black);
  --content-button-secondary-inverse-default: var(--clr-key-black);
  --content-button-secondary-inverse-disabled: var(--clr-neutral-tint-4);
  --content-button-secondary-inverse-focus: var(--clr-key-black);
  --content-button-secondary-inverse-hover: var(--clr-key-black);
  --content-button-secondary-inverse-loading: var(--clr-neutral-tint-4);
  --content-button-secondary-loading: var(--clr-neutral-tint-6);
  --content-button-warning-active: var(--clr-key-white);
  --content-button-warning-default: var(--clr-key-white);
  --content-button-warning-disabled: var(--clr-neutral-tint-6);
  --content-button-warning-focus: var(--clr-key-white);
  --content-button-warning-hover: var(--clr-key-white);
  --content-button-warning-inverse-active: var(--clr-key-white);
  --content-button-warning-inverse-default: var(--clr-key-white);
  --content-button-warning-inverse-disabled: var(--clr-neutral-tint-4);
  --content-button-warning-inverse-focus: var(--clr-key-white);
  --content-button-warning-inverse-hover: var(--clr-key-white);
  --content-button-warning-inverse-loading: var(--clr-neutral-tint-4);
  --content-button-warning-loading: var(--clr-neutral-tint-6);
  --content-contextual-menu-critical: var(--clr-signal-crit-tint-1);
  --content-contextual-menu-default: var(--clr-key-white);
  --content-contextual-menu-selected: var(--clr-key-black);
  --content-filter-chip-selected-disabled: var(--clr-neutral-tint-6);
  --content-filter-chip-unselected-disabled: var(--clr-neutral-tint-6);
  --content-no-inverse-negative: var(--clr-signal-crit-shade-2);
  --content-no-inverse-positive: var(--clr-tonal-sec-base);
  --content-no-negative: var(--clr-signal-crit-tint-3);
  --content-no-positive: var(--clr-accent-base);
  /* string */
  --background-progress-bar-track-fill-countdown-default: var(--clr-grad-prm-right);
  --background-progress-bar-track-fill-countdown-warning: var(--clr-grad-sig-heat-right);
  --background-progress-bar-track-fill-primary-default: var(--clr-grad-prm-left);
  --background-progress-bar-track-fill-primary-warning: var(--clr-grad-sig-heat-left);
  --background-surface-filter-hover: var(--fx-flt-hover-drk);
  --background-tab-active-indicator: var(--clr-grad-prm-right);
  --background-tab-inverse-active-indicator: var(--clr-grad-prm-left);
  --elevation-button-active: var(--fx-elv-drk-inset-1);
  --elevation-button-hover: var(--fx-elv-drk-3);
  --elevation-contextual-menu-default: var(--fx-elv-drk-6);
  --elevation-header-default: var(--fx-elv-lgt-0);
  --elevation-header-scrolled: var(--fx-elv-drk-6);
  --elevation-surface-base: var(--fx-elv-surface-base-drk);
  --elevation-surface-elevated: var(--fx-elv-surface-elevated-drk);
  --elevation-surface-pressed: var(--fx-elv-drk-inset-1);
}
[data-theme="semantic-tokens"] {
  /* number */
  --icon-size-lg-mobile: var(--spc-08);
  --icon-size-lg-desktop: var(--spc-10);
  --icon-size-md-default: var(--spc-07);
  --icon-size-sm-default: var(--spc-05);
  --icon-size-xl-mobile: var(--spc-10);
  --icon-size-xl-desktop: var(--spc-13);
  --shape-contextual-menu: var(--shp-sm);
  --shape-button: var(--shp-xl);
  --spacing-button-gap: var(--spc-03);
  --spacing-button-padding-icon: var(--spc-04);
  --spacing-button-padding-vertical: 0.875rem;
  --spacing-button-padding-horizontal: var(--spc-06);
  --spacing-button-height: var(--spc-10);
  --spacing-card-mini-padding-desktop: var(--spc-03);
  --spacing-card-mini-padding-mobile: var(--spc-03);
  --spacing-card-padding-mobile: var(--spc-05);
  --spacing-card-padding-desktop: var(--spc-08);
  --spacing-dialog-max-width-md: 47.75rem;
  --spacing-dialog-max-width-lg: 54rem;
  --spacing-dialog-padding-horizontal-mobile: var(--spc-05);
  --spacing-dialog-padding-horizontal-desktop: var(--spc-08);
  --spacing-dialog-padding-vertical-mobile: var(--spc-05);
  --spacing-dialog-padding-vertical-desktop: var(--spc-08);
  --spacing-header-padding-horizontal-mobile: var(--spc-05);
  --spacing-header-padding-horizontal-desktop: var(--spc-12);
  --spacing-header-padding-vertical-mobile: var(--spc-05);
  --spacing-header-padding-vertical-desktop: var(--spc-09);
  --spacing-listitem-padding-horizontal-desktop: var(--spc-05);
  --spacing-listitem-padding-horizontal-mobile: var(--spc-05);
  --spacing-listitem-padding-vertical-desktop: var(--spc-05);
  --spacing-listitem-padding-vertical-mobile: var(--spc-05);
  --spacing-outline-focus-offset: var(--spc-outline-focus-offset);
  --spacing-outline-focus-width: var(--spc-outline-focus-width);
  --spacing-section-padding-lg-horizontal-mobile: var(--spc-05);
  --spacing-section-padding-lg-horizontal-desktop: var(--spc-12);
  --spacing-section-padding-lg-vertical-mobile: var(--spc-08);
  --spacing-section-padding-lg-vertical-desktop: var(--spc-12);
  --spacing-section-padding-md-horizontal-mobile: var(--spc-05);
  --spacing-section-padding-md-horizontal-desktop: var(--spc-08);
  --spacing-section-padding-md-vertical-desktop: var(--spc-08);
  --spacing-section-padding-md-vertical-mobile: var(--spc-08);
  --spacing-sidenav-padding-horizontal-mobile: var(--spc-05);
  --spacing-sidenav-padding-horizontal-desktop: var(--spc-08);
  --spacing-sidenav-padding-vertical-mobile: var(--spc-06);
  --spacing-sidenav-padding-vertical-desktop: var(--spc-08);
  --type-letter-spacing-code-lg: var(--fnt-letter-spacing-small);
  --type-letter-spacing-code-md: var(--fnt-letter-spacing-small);
  --type-letter-spacing-code-sm: var(--fnt-letter-spacing-small);
  --type-letter-spacing-label-lg: var(--fnt-letter-spacing-small);
  --type-letter-spacing-label-md: var(--fnt-letter-spacing-small);
  --type-letter-spacing-label-sm: var(--fnt-letter-spacing-small);
  --type-line-height-body-md: var(--fnt-line-height-02);
  --type-line-height-body-sm: var(--fnt-line-height-02);
  --type-line-height-body-lg: var(--fnt-line-height-03);
  --type-line-height-code-sm: var(--fnt-line-height-01);
  --type-line-height-code-lg: var(--fnt-line-height-02);
  --type-line-height-code-md: var(--fnt-line-height-02);
  --type-line-height-disp-sm-mobile: var(--fnt-line-height-04);
  --type-line-height-disp-md-mobile: var(--fnt-line-height-05);
  --type-line-height-disp-lg-mobile: var(--fnt-line-height-07);
  --type-line-height-disp-sm-desktop: var(--fnt-line-height-07);
  --type-line-height-disp-md-desktop: var(--fnt-line-height-08);
  --type-line-height-disp-lg-desktop: var(--fnt-line-height-09);
  --type-line-height-hl-md-mobile: var(--fnt-line-height-03);
  --type-line-height-hl-sm-desktop: var(--fnt-line-height-03);
  --type-line-height-hl-sm-mobile: var(--fnt-line-height-03);
  --type-line-height-hl-lg-mobile: var(--fnt-line-height-04);
  --type-line-height-hl-md-desktop: var(--fnt-line-height-04);
  --type-line-height-hl-lg-desktop: var(--fnt-line-height-05);
  --type-line-height-label-sm: var(--fnt-line-height-01);
  --type-line-height-label-lg: var(--fnt-line-height-02);
  --type-line-height-label-md: var(--fnt-line-height-02);
  --type-line-height-title-md-mobile: var(--fnt-line-height-02);
  --type-line-height-title-sm-desktop: var(--fnt-line-height-02);
  --type-line-height-title-sm-mobile: var(--fnt-line-height-02);
  --type-line-height-title-lg-desktop: var(--fnt-line-height-03);
  --type-line-height-title-lg-mobile: var(--fnt-line-height-03);
  --type-line-height-title-md-desktop: var(--fnt-line-height-03);
  --type-size-body-sm: var(--fnt-size-02);
  --type-size-body-md: var(--fnt-size-03);
  --type-size-body-lg: var(--fnt-size-04);
  --type-size-code-sm: var(--fnt-size-01);
  --type-size-code-md: var(--fnt-size-02);
  --type-size-code-lg: var(--fnt-size-03);
  --type-size-disp-sm-min: var(--fnt-size-07);
  --type-size-disp-md-min: var(--fnt-size-08);
  --type-size-disp-lg-min: var(--fnt-size-10);
  --type-size-disp-sm-max: var(--fnt-size-10);
  --type-size-disp-md-max: var(--fnt-size-11);
  --type-size-disp-lg-max: var(--fnt-size-12);
  --type-size-hl-sm-min: var(--fnt-size-04);
  --type-size-hl-md-min: var(--fnt-size-05);
  --type-size-hl-sm-max: var(--fnt-size-05);
  --type-size-hl-lg-min: var(--fnt-size-07);
  --type-size-hl-md-max: var(--fnt-size-07);
  --type-size-hl-lg-max: var(--fnt-size-08);
  --type-size-label-sm: var(--fnt-size-01);
  --type-size-label-md: var(--fnt-size-02);
  --type-size-label-lg: var(--fnt-size-03);
  --type-size-title-md-min: var(--fnt-size-03);
  --type-size-title-sm-max: var(--fnt-size-03);
  --type-size-title-sm-min: var(--fnt-size-03);
  --type-size-title-lg-min: var(--fnt-size-04);
  --type-size-title-md-max: var(--fnt-size-04);
  --type-size-title-lg-max: var(--fnt-size-05);
  /* string */
  --elevation-button-active: var(--fx-elv-inset-1);
  --elevation-button-hover: var(--fx-elv-3);
  --elevation-contextual-menu-default: var(--fx-elv-6);
  --elevation-header-default: var(--fx-elv-0);
  --elevation-header-scrolled: var(--fx-elv-6);
  --spacing-dialog-max-width-fullscreen: 100%;
  --transition-surface-base-duration: var(--mtn-duration-md);
  --transition-surface-base-timing: var(--mtn-ease-default);
  --transition-surface-focus-duration: var(--mtn-duration-sm);
  --transition-surface-focus-timing: var(--mtn-ease-default);
  --type-family-body: var(--fnt-family-inter);
  --type-family-code: var(--fnt-family-roboto-mono);
  --type-family-disp: var(--fnt-family-gilroy);
  --type-family-hl: var(--fnt-family-gilroy);
  --type-family-label: var(--fnt-family-inter);
  --type-family-title: var(--fnt-family-gilroy);
  --type-link-body-lnk-lg: var(--fnt-text-decoration-underline);
  --type-link-body-lnk-md: var(--fnt-text-decoration-underline);
  --type-link-body-lnk-sm: var(--fnt-text-decoration-underline);
  --type-link-label-lnk-lg: var(--fnt-text-decoration-underline);
  --type-link-label-lnk-md: var(--fnt-text-decoration-underline);
  --type-link-label-lnk-sm: var(--fnt-text-decoration-underline);
  --type-link-title-lnk-lg: var(--fnt-text-decoration-underline);
  --type-link-title-lnk-md: var(--fnt-text-decoration-underline);
  --type-link-title-lnk-sm: var(--fnt-text-decoration-underline);
  --type-style-body-default: var(--fnt-style-normal);
  --type-style-code-default: var(--fnt-style-normal);
  --type-style-disp-default: var(--fnt-style-normal);
  --type-style-hl-default: var(--fnt-style-normal);
  --type-style-label-default: var(--fnt-style-normal);
  --type-style-title-default: var(--fnt-style-normal);
  --type-weight-body-lnk-lg: var(--fnt-weight-600);
  --type-weight-body-lnk-md: var(--fnt-weight-600);
  --type-weight-body-lnk-sm: var(--fnt-weight-600);
  --type-weight-body-prm-lg: var(--fnt-weight-400);
  --type-weight-body-prm-md: var(--fnt-weight-400);
  --type-weight-body-prm-sm: var(--fnt-weight-400);
  --type-weight-body-str-lg: var(--fnt-weight-700);
  --type-weight-body-str-md: var(--fnt-weight-700);
  --type-weight-body-str-sm: var(--fnt-weight-700);
  --type-weight-code-lnk-lg: var(--fnt-weight-600);
  --type-weight-code-lnk-md: var(--fnt-weight-600);
  --type-weight-code-lnk-sm: var(--fnt-weight-600);
  --type-weight-code-prm-lg: var(--fnt-weight-400);
  --type-weight-code-prm-md: var(--fnt-weight-400);
  --type-weight-code-prm-sm: var(--fnt-weight-400);
  --type-weight-code-str-lg: var(--fnt-weight-700);
  --type-weight-code-str-md: var(--fnt-weight-700);
  --type-weight-code-str-sm: var(--fnt-weight-700);
  --type-weight-disp-prm-lg: var(--fnt-weight-700);
  --type-weight-disp-prm-md: var(--fnt-weight-700);
  --type-weight-disp-prm-sm: var(--fnt-weight-700);
  --type-weight-disp-sec-lg: var(--fnt-weight-300);
  --type-weight-disp-sec-md: var(--fnt-weight-300);
  --type-weight-disp-sec-sm: var(--fnt-weight-300);
  --type-weight-hl-prm-lg: var(--fnt-weight-700);
  --type-weight-hl-prm-md: var(--fnt-weight-700);
  --type-weight-hl-prm-sm: var(--fnt-weight-700);
  --type-weight-hl-sec-lg: var(--fnt-weight-500);
  --type-weight-hl-sec-md: var(--fnt-weight-500);
  --type-weight-hl-sec-sm: var(--fnt-weight-500);
  --type-weight-label-lnk-lg: var(--fnt-weight-600);
  --type-weight-label-lnk-md: var(--fnt-weight-600);
  --type-weight-label-lnk-sm: var(--fnt-weight-600);
  --type-weight-label-prm-lg: var(--fnt-weight-400);
  --type-weight-label-prm-md: var(--fnt-weight-400);
  --type-weight-label-prm-sm: var(--fnt-weight-400);
  --type-weight-label-str-lg: var(--fnt-weight-700);
  --type-weight-label-str-md: var(--fnt-weight-700);
  --type-weight-label-str-sm: var(--fnt-weight-700);
  --type-weight-title-lnk-lg: var(--fnt-weight-600);
  --type-weight-title-lnk-md: var(--fnt-weight-600);
  --type-weight-title-lnk-sm: var(--fnt-weight-600);
  --type-weight-title-prm-lg: var(--fnt-weight-500);
  --type-weight-title-prm-md: var(--fnt-weight-500);
  --type-weight-title-prm-sm: var(--fnt-weight-500);
  --type-weight-title-str-lg: var(--fnt-weight-700);
  --type-weight-title-str-md: var(--fnt-weight-700);
  --type-weight-title-str-sm: var(--fnt-weight-700);
}