/* Собрано scripts/tokens_to_css.py из design/tokens.json. Руками не править. */
:root {
  --base-color-gray-900: #08090b;
  --base-color-gray-850: #0e1013;
  --base-color-gray-800: #15171b;
  --base-color-gray-700: #1e2126;
  --base-color-gray-600: #2a2e35;
  --base-color-gray-500: #3a3f47;
  --base-color-gray-400: #5c636d;
  --base-color-gray-350: #80878f;
  --base-color-gray-300: #9aa3ad;
  --base-color-gray-50: #f0f4fa;
  --base-color-emerald-900: #063322;
  --base-color-emerald-800: #094c33;
  --base-color-emerald-700: #0b6744;
  --base-color-emerald-600: #0e8656;
  --base-color-emerald-500: #16a86c;
  --base-color-emerald-400: #2ccb86;
  --base-color-emerald-300: #57e0a3;
  --base-color-emerald-200: #8eedc2;
  --base-color-emerald-100: #c2f5de;
  --base-color-emerald-50: #e8fbf2;
  --base-color-red-900: #3a1212;
  --base-color-red-800: #5a1a1a;
  --base-color-red-700: #7d2323;
  --base-color-red-600: #a32e2e;
  --base-color-red-500: #c93c3c;
  --base-color-red-400: #e65a5a;
  --base-color-red-300: #ff8a8a;
  --base-color-red-200: #ffb0b0;
  --base-color-red-100: #ffd3d3;
  --base-color-red-50: #fff0f0;
  --base-color-amber-900: #3a2a0e;
  --base-color-amber-800: #5a3f12;
  --base-color-amber-700: #7d5716;
  --base-color-amber-600: #a3711b;
  --base-color-amber-500: #c98b22;
  --base-color-amber-400: #e6a53a;
  --base-color-amber-300: #ffc266;
  --base-color-amber-200: #ffd597;
  --base-color-amber-100: #ffe7c4;
  --base-color-amber-50: #fff6ea;
  --base-color-black: #000000;
  --base-space-2: 2px;
  --base-space-4: 4px;
  --base-space-8: 8px;
  --base-space-12: 12px;
  --base-space-16: 16px;
  --base-space-20: 20px;
  --base-space-24: 24px;
  --base-space-32: 32px;
  --base-space-40: 40px;
  --base-space-48: 48px;
  --base-space-64: 64px;
  --base-space-80: 80px;
  --base-radius-4: 4px;
  --base-radius-10: 10px;
  --base-radius-14: 14px;
  --base-radius-20: 20px;
  --base-radius-24: 24px;
  --base-radius-28: 28px;
  --base-radius-full: 999px;
  --base-blur-10: 10px;
  --base-blur-glass: var(--base-blur-10);
  --base-font-family-system: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --base-font-weight-regular: 400;
  --base-font-weight-medium: 500;
  --base-font-weight-semibold: 600;
  --base-font-weight-bold: 700;
  --base-duration-120: 120ms;
  --base-duration-200: 200ms;
  --base-duration-320: 320ms;
  --base-duration-5000: 5000ms;
  --base-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --base-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --base-breakpoint-desktop: 1024px;
  --base-breakpoint-wide: 1440px;
  --base-breakpoint-narrow: 640px;
  --base-breakpoint-metrics-4: 1008px;
  --base-breakpoint-metrics-2: 496px;
  --base-size-1: 1px;
  --base-size-16: 16px;
  --base-size-20: 20px;
  --base-size-24: 24px;
  --base-size-32: 32px;
  --base-size-36: 36px;
  --base-size-40: 40px;
  --base-size-44: 44px;
  --base-size-48: 48px;
  --base-size-72: 72px;
  --base-size-85: 85px;
  --base-size-120: 120px;
  --base-size-160: 160px;
  --base-size-213: 213px;
  --base-size-240: 240px;
  --base-size-320: 320px;
  --base-size-360: 360px;
  --base-size-480: 480px;
  --base-size-560: 560px;
  --base-size-640: 640px;
  --base-number-stroke-icon: 1.5;
  --base-number-z-0: 0;
  --base-number-z-10: 10;
  --base-number-z-20: 20;
  --base-number-z-30: 30;
  --base-number-z-40: 40;
  --base-number-z-50: 50;
  --base-number-scale-98: 0.98;
  --semantic-color-bg-base: var(--base-color-gray-900);
  --semantic-color-bg-raised: var(--base-color-gray-850);
  --semantic-color-bg-overlay: var(--base-color-gray-800);
  --semantic-color-bg-hover: var(--base-color-gray-700);
  --semantic-color-bg-selected: var(--base-color-gray-600);
  --semantic-color-bg-backdrop-from: var(--base-color-gray-900);
  --semantic-color-bg-backdrop-to: var(--base-color-gray-600);
  --semantic-color-bg-pressed: var(--base-color-gray-500);
  --semantic-color-text-primary: var(--base-color-gray-50);
  --semantic-color-text-secondary: var(--base-color-gray-300);
  --semantic-color-text-tertiary: var(--base-color-gray-350);
  --semantic-color-text-on-accent: var(--base-color-gray-900);
  --semantic-color-border-subtle: var(--base-color-gray-700);
  --semantic-color-border-strong: var(--base-color-gray-350);
  --semantic-color-border-hover: var(--base-color-gray-300);
  --semantic-color-accent: var(--base-color-gray-50);
  --semantic-color-accent-hover: var(--base-color-gray-300);
  --semantic-color-accent-pressed: var(--base-color-gray-350);
  --semantic-color-focus-ring: var(--base-color-gray-50);
  --semantic-color-focus-ring-inner: var(--base-color-gray-900);
  --semantic-color-status-outlier-text: var(--base-color-emerald-300);
  --semantic-color-status-outlier-bg: var(--base-color-emerald-900);
  --semantic-color-status-outlier-mark: var(--base-color-emerald-400);
  --semantic-color-status-outlier-text-secondary: var(--base-color-emerald-200);
  --semantic-color-status-danger-text: var(--base-color-red-300);
  --semantic-color-status-danger-bg: var(--base-color-red-900);
  --semantic-color-status-danger-text-secondary: var(--base-color-red-200);
  --semantic-color-status-warning-text: var(--base-color-amber-300);
  --semantic-color-status-warning-bg: var(--base-color-amber-900);
  --semantic-color-status-warning-text-secondary: var(--base-color-amber-200);
  --semantic-color-glass-fill: rgb(21 23 27 / 0.72);
  --semantic-color-glass-fill-dense: rgb(21 23 27 / 0.86);
  --semantic-color-glass-edge: rgb(240 244 250 / 0.12);
  --semantic-color-glass-highlight: rgb(240 244 250 / 0.18);
  --semantic-color-shadow: rgb(0 0 0 / 0.45);
  --semantic-color-data-muted: var(--base-color-gray-350);
  --semantic-color-data-hover: var(--base-color-gray-300);
  --semantic-color-skeleton: var(--base-color-gray-600);
  --semantic-color-disabled-text: var(--base-color-gray-400);
  --semantic-color-disabled-bg: var(--base-color-gray-800);
  --semantic-color-link: var(--base-color-gray-50);
  --semantic-color-link-underline: var(--base-color-gray-350);
  --semantic-color-link-underline-hover: var(--base-color-gray-50);
  --semantic-color-link-pressed: var(--base-color-gray-300);
  --semantic-color-scrim: rgb(0 0 0 / 0.6);
  --semantic-color-icon: var(--base-color-gray-300);
  --semantic-color-icon-muted: var(--base-color-gray-350);
  --semantic-color-skeleton-highlight: var(--base-color-gray-500);
  --semantic-color-selection-bg: var(--base-color-gray-500);
  --semantic-color-selection-text: var(--base-color-gray-50);
  --semantic-color-caret: var(--base-color-gray-50);
  --semantic-color-scrollbar-thumb: var(--base-color-gray-600);
  --semantic-color-scrollbar-thumb-hover: var(--base-color-gray-500);
  --semantic-color-scrollbar-track: var(--base-color-gray-900);
  --semantic-color-progress-track: var(--base-color-gray-700);
  --semantic-color-progress-fill: var(--base-color-gray-300);
  --semantic-space-inline: var(--base-space-8);
  --semantic-space-stack: var(--base-space-16);
  --semantic-space-panel: var(--base-space-24);
  --semantic-space-section: var(--base-space-40);
  --semantic-space-page: var(--base-space-32);
  --semantic-space-control-x: var(--base-space-12);
  --semantic-space-control-y: var(--base-space-8);
  --semantic-space-chip-x: var(--base-space-8);
  --semantic-space-chip-y: var(--base-space-2);
  --semantic-space-gutter: var(--base-space-16);
  --semantic-space-button-x: var(--base-space-16);
  --semantic-space-banner-x: var(--base-space-16);
  --semantic-space-banner-y: var(--base-space-12);
  --semantic-space-toast: var(--base-space-16);
  --semantic-space-filter-gap: var(--base-space-8);
  --semantic-space-metric-gap: var(--base-space-16);
  --semantic-space-banner-gap: var(--base-space-8);
  --semantic-space-menu-item-gap: var(--base-space-4);
  --semantic-space-cell-x: var(--base-space-8);
  --semantic-space-field-label: var(--base-space-8);
  --semantic-space-form-gap: var(--base-space-12);
  --semantic-radius-control: var(--base-radius-10);
  --semantic-radius-chip: var(--base-radius-full);
  --semantic-radius-panel: var(--base-radius-20);
  --semantic-radius-floating: var(--base-radius-24);
  --semantic-radius-dialog: var(--base-radius-28);
  --semantic-radius-nested: var(--base-radius-4);
  --semantic-type-display-family: var(--base-font-family-system);
  --semantic-type-display-size: 40px;
  --semantic-type-display-weight: var(--base-font-weight-medium);
  --semantic-type-display-line-height: 1.15;
  --semantic-type-display-tracking: 0px;
  --semantic-type-title-family: var(--base-font-family-system);
  --semantic-type-title-size: 28px;
  --semantic-type-title-weight: var(--base-font-weight-medium);
  --semantic-type-title-line-height: 1.2;
  --semantic-type-title-tracking: 0px;
  --semantic-type-heading-family: var(--base-font-family-system);
  --semantic-type-heading-size: 20px;
  --semantic-type-heading-weight: var(--base-font-weight-medium);
  --semantic-type-heading-line-height: 1.3;
  --semantic-type-heading-tracking: 0px;
  --semantic-type-body-family: var(--base-font-family-system);
  --semantic-type-body-size: 15px;
  --semantic-type-body-weight: var(--base-font-weight-regular);
  --semantic-type-body-line-height: 1.5;
  --semantic-type-body-tracking: 0px;
  --semantic-type-input-family: var(--base-font-family-system);
  --semantic-type-input-size: 16px;
  --semantic-type-input-weight: var(--base-font-weight-regular);
  --semantic-type-input-line-height: 1.4;
  --semantic-type-input-tracking: 0px;
  --semantic-type-table-family: var(--base-font-family-system);
  --semantic-type-table-size: 14px;
  --semantic-type-table-weight: var(--base-font-weight-regular);
  --semantic-type-table-line-height: 1.45;
  --semantic-type-table-tracking: 0px;
  --semantic-type-label-family: var(--base-font-family-system);
  --semantic-type-label-size: 13px;
  --semantic-type-label-weight: var(--base-font-weight-regular);
  --semantic-type-label-line-height: 1.35;
  --semantic-type-label-tracking: 0px;
  --semantic-type-caption-family: var(--base-font-family-system);
  --semantic-type-caption-size: 12px;
  --semantic-type-caption-weight: var(--base-font-weight-regular);
  --semantic-type-caption-line-height: 1.35;
  --semantic-type-caption-tracking: 0px;
  --semantic-type-metric-family: var(--base-font-family-system);
  --semantic-type-metric-size: 32px;
  --semantic-type-metric-weight: var(--base-font-weight-semibold);
  --semantic-type-metric-line-height: 1.1;
  --semantic-type-metric-tracking: 0px;
  --semantic-type-control-family: var(--base-font-family-system);
  --semantic-type-control-size: 13px;
  --semantic-type-control-weight: var(--base-font-weight-medium);
  --semantic-type-control-line-height: 1.35;
  --semantic-type-control-tracking: 0px;
  --semantic-shadow-floating: 0px 16px 40px 0px var(--semantic-color-shadow), 0px 2px 6px 0px var(--semantic-color-shadow);
  --semantic-motion-fast: var(--base-duration-120);
  --semantic-motion-base: var(--base-duration-200);
  --semantic-motion-slow: var(--base-duration-320);
  --semantic-motion-ease: var(--base-easing-standard);
  --semantic-motion-ease-exit: var(--base-easing-exit);
  --semantic-motion-toast-lifetime: var(--base-duration-5000);
  --semantic-motion-shift: var(--base-space-8);
  --semantic-motion-dialog-scale: var(--base-number-scale-98);
  --semantic-focus-width: var(--base-space-2);
  --semantic-focus-offset: var(--base-space-2);
  --semantic-size-icon-sm: var(--base-size-16);
  --semantic-size-icon: var(--base-size-20);
  --semantic-size-icon-lg: var(--base-size-24);
  --semantic-size-row: var(--base-size-44);
  --semantic-size-sidebar: var(--base-size-240);
  --semantic-size-sidebar-collapsed: var(--base-size-72);
  --semantic-size-control: var(--base-size-40);
  --semantic-size-menu-item: var(--base-size-36);
  --semantic-size-table-header: var(--base-size-40);
  --semantic-size-dialog: var(--base-size-480);
  --semantic-size-toast: var(--base-size-360);
  --semantic-size-underline: var(--base-size-1);
  --semantic-size-chip: var(--base-size-24);
  --semantic-size-icon-button: var(--base-size-40);
  --semantic-size-tooltip: var(--base-size-320);
  --semantic-size-frozen-column: var(--base-size-160);
  --semantic-size-chart-bar-max: var(--base-size-32);
  --semantic-size-sheet: var(--base-size-560);
  --semantic-size-chart-line: var(--base-space-2);
  --semantic-size-avatar-sm: var(--base-size-24);
  --semantic-size-avatar: var(--base-size-40);
  --semantic-size-cover-w: var(--base-size-120);
  --semantic-size-cover-h: var(--base-size-213);
  --semantic-size-cover-sm-w: var(--base-size-48);
  --semantic-size-cover-sm-h: var(--base-size-85);
  --semantic-size-form: var(--base-size-640);
  --semantic-layer-page: var(--base-number-z-0);
  --semantic-layer-sticky: var(--base-number-z-10);
  --semantic-layer-menu: var(--base-number-z-20);
  --semantic-layer-tooltip: var(--base-number-z-30);
  --semantic-layer-dialog: var(--base-number-z-40);
  --semantic-layer-toast: var(--base-number-z-50);
  --semantic-icon-stroke: var(--base-number-stroke-icon);
  --component-button-primary-bg: var(--semantic-color-accent);
  --component-button-primary-bg-hover: var(--semantic-color-accent-hover);
  --component-button-primary-bg-pressed: var(--semantic-color-accent-pressed);
  --component-button-primary-text: var(--semantic-color-text-on-accent);
  --component-button-primary-bg-disabled: var(--semantic-color-disabled-bg);
  --component-button-primary-text-disabled: var(--semantic-color-disabled-text);
  --component-button-secondary-bg: var(--semantic-color-bg-hover);
  --component-button-secondary-bg-hover: var(--semantic-color-bg-selected);
  --component-button-secondary-text: var(--semantic-color-text-primary);
  --component-button-secondary-bg-pressed: var(--semantic-color-bg-pressed);
  --component-button-secondary-text-disabled: var(--semantic-color-disabled-text);
  --component-button-secondary-bg-disabled: var(--semantic-color-disabled-bg);
  --component-button-radius: var(--semantic-radius-control);
  --component-button-padding-x: var(--semantic-space-button-x);
  --component-button-height: var(--semantic-size-control);
  --component-button-focus-ring: var(--semantic-color-focus-ring);
  --component-button-focus-ring-inner: var(--semantic-color-focus-ring-inner);
  --component-button-ghost-text: var(--semantic-color-text-secondary);
  --component-button-ghost-text-hover: var(--semantic-color-text-primary);
  --component-button-ghost-bg-hover: var(--semantic-color-bg-hover);
  --component-button-ghost-bg-pressed: var(--semantic-color-bg-pressed);
  --component-button-ghost-text-pressed: var(--semantic-color-text-primary);
  --component-button-ghost-text-disabled: var(--semantic-color-disabled-text);
  --component-button-icon-fg: var(--semantic-color-icon);
  --component-button-icon-fg-hover: var(--semantic-color-text-primary);
  --component-button-icon-bg-hover: var(--semantic-color-bg-hover);
  --component-button-icon-bg-pressed: var(--semantic-color-bg-pressed);
  --component-button-icon-fg-disabled: var(--semantic-color-disabled-text);
  --component-button-icon-size: var(--semantic-size-icon-button);
  --component-panel-data-fill: var(--semantic-color-glass-fill);
  --component-panel-data-edge: var(--semantic-color-glass-edge);
  --component-panel-data-highlight: var(--semantic-color-glass-highlight);
  --component-panel-radius: var(--semantic-radius-panel);
  --component-panel-padding: var(--semantic-space-panel);
  --component-sidebar-fill: var(--semantic-color-glass-fill);
  --component-sidebar-edge: var(--semantic-color-glass-edge);
  --component-sidebar-item-selected: var(--semantic-color-bg-selected);
  --component-sidebar-item-text: var(--semantic-color-text-secondary);
  --component-sidebar-item-text-selected: var(--semantic-color-text-primary);
  --component-sidebar-item-hover: var(--semantic-color-bg-hover);
  --component-sidebar-item-pressed: var(--semantic-color-bg-pressed);
  --component-sidebar-item-text-pressed: var(--semantic-color-text-primary);
  --component-table-header-text: var(--semantic-color-text-tertiary);
  --component-table-row-hover: var(--semantic-color-bg-hover);
  --component-table-divider: var(--semantic-color-border-subtle);
  --component-table-row-text-tertiary: var(--semantic-color-text-tertiary);
  --component-table-row-text-tertiary-active: var(--semantic-color-text-secondary);
  --component-table-link: var(--semantic-color-link);
  --component-table-row-fill: var(--semantic-color-bg-raised);
  --component-table-header-hover: var(--semantic-color-bg-hover);
  --component-table-header-pressed: var(--semantic-color-bg-pressed);
  --component-table-sort-icon: var(--semantic-color-icon);
  --component-table-frozen-edge: var(--semantic-color-border-strong);
  --component-table-header-text-hover: var(--semantic-color-text-secondary);
  --component-table-header-text-pressed: var(--semantic-color-text-primary);
  --component-table-caption-text: var(--semantic-color-text-secondary);
  --component-table-row-selected: var(--semantic-color-bg-selected);
  --component-chip-outlier-bg: var(--semantic-color-status-outlier-bg);
  --component-chip-outlier-text: var(--semantic-color-status-outlier-text);
  --component-chip-filter-bg: var(--semantic-color-bg-hover);
  --component-chip-filter-bg-selected: var(--semantic-color-accent);
  --component-chip-filter-text: var(--semantic-color-text-secondary);
  --component-chip-filter-text-selected: var(--semantic-color-text-on-accent);
  --component-chip-filter-bg-hover: var(--semantic-color-bg-selected);
  --component-chip-filter-bg-pressed: var(--semantic-color-bg-pressed);
  --component-chip-filter-bg-selected-hover: var(--semantic-color-accent-hover);
  --component-chip-filter-text-pressed: var(--semantic-color-text-primary);
  --component-chip-filter-bg-disabled: var(--semantic-color-disabled-bg);
  --component-chip-filter-text-disabled: var(--semantic-color-disabled-text);
  --component-chip-radius: var(--semantic-radius-chip);
  --component-chip-padding-x: var(--semantic-space-chip-x);
  --component-chip-padding-y: var(--semantic-space-chip-y);
  --component-chip-gap: var(--semantic-space-filter-gap);
  --component-chip-height: var(--semantic-size-chip);
  --component-banner-warning-bg: var(--semantic-color-status-warning-bg);
  --component-banner-warning-text: var(--semantic-color-status-warning-text);
  --component-banner-warning-text-secondary: var(--semantic-color-status-warning-text-secondary);
  --component-banner-warning-icon: var(--semantic-color-status-warning-text);
  --component-banner-warning-link-underline: var(--semantic-color-status-warning-text);
  --component-banner-warning-action-bg-hover: var(--semantic-color-status-warning-text-secondary);
  --component-banner-warning-action-text-hover: var(--semantic-color-text-on-accent);
  --component-banner-danger-bg: var(--semantic-color-status-danger-bg);
  --component-banner-danger-text: var(--semantic-color-status-danger-text);
  --component-banner-danger-text-secondary: var(--semantic-color-status-danger-text-secondary);
  --component-banner-danger-icon: var(--semantic-color-status-danger-text);
  --component-banner-danger-link-underline: var(--semantic-color-status-danger-text);
  --component-banner-danger-action-bg-hover: var(--semantic-color-status-danger-text-secondary);
  --component-banner-danger-action-text-hover: var(--semantic-color-text-on-accent);
  --component-banner-radius: var(--semantic-radius-control);
  --component-input-bg: var(--semantic-color-bg-raised);
  --component-input-border: var(--semantic-color-border-strong);
  --component-input-text: var(--semantic-color-text-primary);
  --component-input-placeholder: var(--semantic-color-text-tertiary);
  --component-input-error: var(--semantic-color-status-danger-text);
  --component-input-border-hover: var(--semantic-color-border-hover);
  --component-input-border-focus: var(--semantic-color-focus-ring);
  --component-input-border-error: var(--semantic-color-status-danger-text);
  --component-input-text-disabled: var(--semantic-color-disabled-text);
  --component-input-bg-disabled: var(--semantic-color-disabled-bg);
  --component-chart-bar: var(--semantic-color-data-muted);
  --component-chart-bar-highlight: var(--semantic-color-status-outlier-mark);
  --component-chart-threshold-line: var(--semantic-color-data-muted);
  --component-chart-axis-text: var(--semantic-color-text-tertiary);
  --component-chart-bar-hover: var(--semantic-color-data-hover);
  --component-chart-bar-pressed: var(--semantic-color-data-hover);
  --component-chart-bar-selected: var(--semantic-color-accent);
  --component-chart-bar-label: var(--semantic-color-text-secondary);
  --component-chart-bar-highlight-hover: var(--semantic-color-status-outlier-mark);
  --component-chart-line: var(--semantic-color-data-hover);
  --component-chart-point: var(--semantic-color-data-hover);
  --component-chart-point-last: var(--semantic-color-text-primary);
  --component-chart-grid: var(--semantic-color-border-subtle);
  --component-tooltip-fill: var(--semantic-color-glass-fill-dense);
  --component-tooltip-text: var(--semantic-color-text-primary);
  --component-input-size-padding-x: var(--semantic-space-control-x);
  --component-input-size-padding-y: var(--semantic-space-control-y);
  --component-input-size-height: var(--semantic-size-control);
  --component-input-size-radius: var(--semantic-radius-control);
  --component-input-size-label-gap: var(--semantic-space-field-label);
  --component-sidebar-size-width: var(--semantic-size-sidebar);
  --component-sidebar-size-width-collapsed: var(--semantic-size-sidebar-collapsed);
  --component-sidebar-size-radius: var(--semantic-radius-floating);
  --component-sidebar-size-gutter: var(--semantic-space-gutter);
  --component-sidebar-size-item-height: var(--semantic-size-menu-item);
  --component-sidebar-size-item-gap: var(--semantic-space-menu-item-gap);
  --component-table-size-row: var(--semantic-size-row);
  --component-table-size-cell-x: var(--semantic-space-cell-x);
  --component-table-size-cell-y: var(--semantic-space-control-y);
  --component-table-size-header: var(--semantic-size-table-header);
  --component-table-size-frozen-column: var(--semantic-size-frozen-column);
  --component-banner-size-padding-x: var(--semantic-space-banner-x);
  --component-banner-size-padding-y: var(--semantic-space-banner-y);
  --component-banner-size-gap: var(--semantic-space-banner-gap);
  --component-tooltip-size-padding-x: var(--semantic-space-control-x);
  --component-tooltip-size-padding-y: var(--semantic-space-control-y);
  --component-tooltip-size-radius: var(--semantic-radius-control);
  --component-tooltip-size-max-width: var(--semantic-size-tooltip);
  --component-dialog-fill: var(--semantic-color-glass-fill-dense);
  --component-dialog-edge: var(--semantic-color-glass-edge);
  --component-dialog-scrim: var(--semantic-color-scrim);
  --component-dialog-size-radius: var(--semantic-radius-dialog);
  --component-dialog-size-padding: var(--semantic-space-panel);
  --component-dialog-size-width: var(--semantic-size-dialog);
  --component-toast-fill: var(--semantic-color-glass-fill-dense);
  --component-toast-text: var(--semantic-color-text-primary);
  --component-toast-size-radius: var(--semantic-radius-floating);
  --component-toast-size-padding: var(--semantic-space-toast);
  --component-toast-size-width: var(--semantic-size-toast);
  --component-skeleton-fill: var(--semantic-color-skeleton);
  --component-skeleton-highlight: var(--semantic-color-skeleton-highlight);
  --component-link-text: var(--semantic-color-link);
  --component-link-text-hover: var(--semantic-color-link);
  --component-link-underline: var(--semantic-color-link-underline);
  --component-link-underline-hover: var(--semantic-color-link-underline-hover);
  --component-link-text-pressed: var(--semantic-color-link-pressed);
  --component-icon-size: var(--semantic-size-icon);
  --component-icon-size-sm: var(--semantic-size-icon-sm);
  --component-icon-stroke: var(--semantic-icon-stroke);
  --component-icon-color: var(--semantic-color-icon);
  --component-icon-size-lg: var(--semantic-size-icon-lg);
  --component-layer-sticky: var(--semantic-layer-sticky);
  --component-layer-menu: var(--semantic-layer-menu);
  --component-layer-tooltip: var(--semantic-layer-tooltip);
  --component-layer-dialog: var(--semantic-layer-dialog);
  --component-layer-toast: var(--semantic-layer-toast);
  --component-link-size-underline: var(--semantic-size-underline);
  --component-menu-fill: var(--semantic-color-glass-fill-dense);
  --component-menu-edge: var(--semantic-color-glass-edge);
  --component-menu-item-hover: var(--semantic-color-bg-hover);
  --component-menu-item-pressed: var(--semantic-color-bg-pressed);
  --component-menu-item-text: var(--semantic-color-text-primary);
  --component-menu-check: var(--semantic-color-icon);
  --component-menu-size-radius: var(--semantic-radius-floating);
  --component-menu-size-item-height: var(--semantic-size-menu-item);
  --component-toast-lifetime: var(--semantic-motion-toast-lifetime);
  --component-metrics-gap: var(--semantic-space-metric-gap);
  --component-progress-track: var(--semantic-color-progress-track);
  --component-progress-fill: var(--semantic-color-progress-fill);
  --component-progress-fill-warning: var(--semantic-color-status-warning-text);
  --component-status-ok: var(--semantic-color-text-secondary);
  --component-status-off: var(--semantic-color-text-tertiary);
  --component-status-error: var(--semantic-color-status-danger-text);
  --component-status-attention: var(--semantic-color-status-warning-text);
  --component-status-running: var(--semantic-color-text-secondary);
  --component-text-selection-bg: var(--semantic-color-selection-bg);
  --component-text-selection-text: var(--semantic-color-selection-text);
  --component-text-selection-caret: var(--semantic-color-caret);
  --component-scrollbar-thumb: var(--semantic-color-scrollbar-thumb);
  --component-scrollbar-thumb-hover: var(--semantic-color-scrollbar-thumb-hover);
  --component-scrollbar-track: var(--semantic-color-scrollbar-track);
  --component-metrics-best-value: var(--semantic-color-status-outlier-text);
  --component-chart-size-bar-max: var(--semantic-size-chart-bar-max);
  --component-chart-size-line: var(--semantic-size-chart-line);
  --component-sheet-fill: var(--semantic-color-bg-overlay);
  --component-sheet-edge: var(--semantic-color-glass-edge);
  --component-sheet-scrim: var(--semantic-color-scrim);
  --component-sheet-size-width: var(--semantic-size-sheet);
  --component-sheet-size-padding: var(--semantic-space-panel);
  --component-sheet-size-radius: var(--semantic-radius-floating);
  --component-sheet-size-gap: var(--semantic-space-gutter);
  --component-media-placeholder: var(--semantic-color-bg-selected);
  --component-media-placeholder-icon: var(--semantic-color-icon-muted);
  --component-media-size-avatar-sm: var(--semantic-size-avatar-sm);
  --component-media-size-avatar: var(--semantic-size-avatar);
  --component-media-size-cover-w: var(--semantic-size-cover-w);
  --component-media-size-cover-h: var(--semantic-size-cover-h);
  --component-media-size-cover-radius: var(--semantic-radius-nested);
  --component-media-size-cover-sm-w: var(--semantic-size-cover-sm-w);
  --component-media-size-cover-sm-h: var(--semantic-size-cover-sm-h);
}