/* Auto-generated by scripts/compile_design_tokens.py. Do not edit manually. */
:root {
  --sotido-color-accent: #217A5E;
  --sotido-color-accent-blue: #489EF9;
  --sotido-color-accent-blue-pressed: #1F76D6;
  --sotido-color-accent-green: #53D073;
  --sotido-color-accent-orange: #FF9F0A;
  --sotido-color-accent-red: #FF6060;
  --sotido-color-accent-text: #12694E;
  --sotido-color-accent-yellow: #FFFE00;
  --sotido-color-body: #4E5854;
  --sotido-color-border: #DAE1DB;
  --sotido-color-danger: #823F3F;
  --sotido-color-danger-surface: #FFF2EE;
  --sotido-color-danger-text: #963728;
  --sotido-color-dark-danger-surface: #3A2424;
  --sotido-color-dark-danger-text: #FF9A8D;
  --sotido-color-dark-info-surface: #1F3447;
  --sotido-color-dark-info-text: #9AD0FF;
  --sotido-color-dark-surface1: #121212;
  --sotido-color-dark-surface2: #1D1D1D;
  --sotido-color-dark-surface3: #282828;
  --sotido-color-dark-surface4: #333333;
  --sotido-color-dark-surface5: #3F3F3F;
  --sotido-color-dark-surface6: #5E5E5E;
  --sotido-color-dark-text-inverse: #111111;
  --sotido-color-dark-text-main: #F2F2F2;
  --sotido-color-dark-text-muted: #A0A0A0;
  --sotido-color-dark-text-second: #C8C8C8;
  --sotido-color-dark-warning-surface: #332D18;
  --sotido-color-divider: #E1E7E2;
  --sotido-color-divider-subtle: #E8ECE9;
  --sotido-color-globe-overlay-fill-base: #101720;
  --sotido-color-globe-overlay-stroke: #344B5E;
  --sotido-color-info-surface: #E4F3FC;
  --sotido-color-info-text: #1A5B84;
  --sotido-color-ink: #162522;
  --sotido-color-muted: #76847E;
  --sotido-color-neutral-surface: #F5F7F5;
  --sotido-color-neutral-text: #44524E;
  --sotido-color-surface: #FFFFFF;
  --sotido-color-surface-subtle: #F8FAF7;
  --sotido-color-surface-tint: #E8F7F1;
  --sotido-color-warning-surface: #F8F3E5;
  --sotido-radius-card: 8px;
  --sotido-radius-chip: 14px;
  --sotido-radius-pill: 999px;
  --sotido-space-lg: 16px;
  --sotido-space-md: 12px;
  --sotido-space-sm: 8px;
  --sotido-space-touch-target: 44px;
  --sotido-space-xl: 24px;
  --sotido-space-xs: 6px;
  --sotido-space-xxl: 32px;
  --sotido-space-xxs: 4px;
  --sotido-type-body: 14px;
  --sotido-type-body-compact: 13px;
  --sotido-type-body-large: 16px;
  --sotido-type-caption: 12px;
  --sotido-type-headline: 22px;
  --sotido-type-label: 11px;
  --sotido-type-title: 17px;
  --sotido-layer-base: 0;
  --sotido-layer-capture: 200000;
  --sotido-layer-critical: 180000;
  --sotido-layer-gate: 3600;
  --sotido-layer-header: 3300;
  --sotido-layer-maximum: 2147483647;
  --sotido-layer-modal: 12000;
  --sotido-layer-navigation: 3200;
  --sotido-layer-overlay: 1000;
  --sotido-layer-popover: 10000;
  --sotido-layer-share: 15000;
  --sotido-layer-sticky: 700;
  --sotido-layer-workspace: 2000;
  --sotido-motion-ambient: 800ms;
  --sotido-motion-cascade: 24ms;
  --sotido-motion-deliberate: 220ms;
  --sotido-motion-fast: 140ms;
  --sotido-motion-instant: 120ms;
  --sotido-motion-standard: 180ms;
  --sotido-shadow-surface: 0px 4px 20px 0px rgba(0, 0, 0, 0.5);
  --sotido-alpha-web-secondary-control-fill-dark-percent: 10%;
  --sotido-alpha-web-secondary-control-fill-light-percent: 6%;
  --sotido-theme-dark-accent: var(--sotido-color-accent-blue);
  --sotido-theme-dark-accent-pressed: var(--sotido-color-accent-blue-pressed);
  --sotido-theme-dark-background: var(--sotido-color-dark-surface1);
  --sotido-theme-dark-border: var(--sotido-color-dark-surface4);
  --sotido-theme-dark-danger: var(--sotido-color-accent-red);
  --sotido-theme-dark-danger-surface: var(--sotido-color-dark-danger-surface);
  --sotido-theme-dark-danger-text: var(--sotido-color-dark-danger-text);
  --sotido-theme-dark-destructive-accent: var(--sotido-color-accent-red);
  --sotido-theme-dark-divider: var(--sotido-color-dark-surface5);
  --sotido-theme-dark-info-surface: var(--sotido-color-dark-info-surface);
  --sotido-theme-dark-info-text: var(--sotido-color-dark-info-text);
  --sotido-theme-dark-selection-companion: var(--sotido-color-accent-orange);
  --sotido-theme-dark-success: var(--sotido-color-accent-green);
  --sotido-theme-dark-success-accent: var(--sotido-color-accent-green);
  --sotido-theme-dark-surface: var(--sotido-color-dark-surface2);
  --sotido-theme-dark-surface-chrome: var(--sotido-color-dark-surface5);
  --sotido-theme-dark-surface-highest: var(--sotido-color-dark-surface6);
  --sotido-theme-dark-surface-raised: var(--sotido-color-dark-surface4);
  --sotido-theme-dark-surface-soft: var(--sotido-color-dark-surface3);
  --sotido-theme-dark-text-inverse: var(--sotido-color-dark-text-inverse);
  --sotido-theme-dark-text-muted: var(--sotido-color-dark-text-muted);
  --sotido-theme-dark-text-on-accent: var(--sotido-color-dark-text-inverse);
  --sotido-theme-dark-text-primary: var(--sotido-color-dark-text-main);
  --sotido-theme-dark-text-secondary: var(--sotido-color-dark-text-second);
  --sotido-theme-dark-warning-accent: var(--sotido-color-accent-yellow);
  --sotido-theme-dark-warning-surface: var(--sotido-color-dark-warning-surface);
  --sotido-theme-light-accent: var(--sotido-color-accent-blue);
  --sotido-theme-light-accent-pressed: var(--sotido-color-accent-blue-pressed);
  --sotido-theme-light-background: var(--sotido-color-divider);
  --sotido-theme-light-border: var(--sotido-color-border);
  --sotido-theme-light-danger: var(--sotido-color-danger-text);
  --sotido-theme-light-danger-surface: var(--sotido-color-danger-surface);
  --sotido-theme-light-danger-text: var(--sotido-color-danger-text);
  --sotido-theme-light-destructive-accent: var(--sotido-color-accent-red);
  --sotido-theme-light-divider: var(--sotido-color-divider-subtle);
  --sotido-theme-light-info-surface: var(--sotido-color-info-surface);
  --sotido-theme-light-info-text: var(--sotido-color-info-text);
  --sotido-theme-light-selection-companion: var(--sotido-color-accent-orange);
  --sotido-theme-light-success: var(--sotido-color-accent);
  --sotido-theme-light-success-accent: var(--sotido-color-accent-green);
  --sotido-theme-light-surface: var(--sotido-color-surface);
  --sotido-theme-light-surface-chrome: var(--sotido-color-divider-subtle);
  --sotido-theme-light-surface-highest: var(--sotido-color-surface);
  --sotido-theme-light-surface-raised: var(--sotido-color-neutral-surface);
  --sotido-theme-light-surface-soft: var(--sotido-color-surface-subtle);
  --sotido-theme-light-text-inverse: var(--sotido-color-dark-text-main);
  --sotido-theme-light-text-muted: var(--sotido-color-muted);
  --sotido-theme-light-text-on-accent: var(--sotido-color-dark-text-inverse);
  --sotido-theme-light-text-primary: var(--sotido-color-ink);
  --sotido-theme-light-text-secondary: var(--sotido-color-body);
  --sotido-theme-light-warning-accent: var(--sotido-color-accent-yellow);
  --sotido-theme-light-warning-surface: var(--sotido-color-warning-surface);
  --sotido-theme-accent: var(--sotido-theme-dark-accent);
  --sotido-theme-accent-pressed: var(--sotido-theme-dark-accent-pressed);
  --sotido-theme-background: var(--sotido-theme-dark-background);
  --sotido-theme-border: var(--sotido-theme-dark-border);
  --sotido-theme-danger: var(--sotido-theme-dark-danger);
  --sotido-theme-danger-surface: var(--sotido-theme-dark-danger-surface);
  --sotido-theme-danger-text: var(--sotido-theme-dark-danger-text);
  --sotido-theme-destructive-accent: var(--sotido-theme-dark-destructive-accent);
  --sotido-theme-divider: var(--sotido-theme-dark-divider);
  --sotido-theme-info-surface: var(--sotido-theme-dark-info-surface);
  --sotido-theme-info-text: var(--sotido-theme-dark-info-text);
  --sotido-theme-selection-companion: var(--sotido-theme-dark-selection-companion);
  --sotido-theme-success: var(--sotido-theme-dark-success);
  --sotido-theme-success-accent: var(--sotido-theme-dark-success-accent);
  --sotido-theme-surface: var(--sotido-theme-dark-surface);
  --sotido-theme-surface-chrome: var(--sotido-theme-dark-surface-chrome);
  --sotido-theme-surface-highest: var(--sotido-theme-dark-surface-highest);
  --sotido-theme-surface-raised: var(--sotido-theme-dark-surface-raised);
  --sotido-theme-surface-soft: var(--sotido-theme-dark-surface-soft);
  --sotido-theme-text-inverse: var(--sotido-theme-dark-text-inverse);
  --sotido-theme-text-muted: var(--sotido-theme-dark-text-muted);
  --sotido-theme-text-on-accent: var(--sotido-theme-dark-text-on-accent);
  --sotido-theme-text-primary: var(--sotido-theme-dark-text-primary);
  --sotido-theme-text-secondary: var(--sotido-theme-dark-text-secondary);
  --sotido-theme-warning-accent: var(--sotido-theme-dark-warning-accent);
  --sotido-theme-warning-surface: var(--sotido-theme-dark-warning-surface);
}
:is(html[data-theme="light"], body.theme-light, html[data-theme="light"] body) {
  --sotido-theme-accent: var(--sotido-theme-light-accent);
  --sotido-theme-accent-pressed: var(--sotido-theme-light-accent-pressed);
  --sotido-theme-background: var(--sotido-theme-light-background);
  --sotido-theme-border: var(--sotido-theme-light-border);
  --sotido-theme-danger: var(--sotido-theme-light-danger);
  --sotido-theme-danger-surface: var(--sotido-theme-light-danger-surface);
  --sotido-theme-danger-text: var(--sotido-theme-light-danger-text);
  --sotido-theme-destructive-accent: var(--sotido-theme-light-destructive-accent);
  --sotido-theme-divider: var(--sotido-theme-light-divider);
  --sotido-theme-info-surface: var(--sotido-theme-light-info-surface);
  --sotido-theme-info-text: var(--sotido-theme-light-info-text);
  --sotido-theme-selection-companion: var(--sotido-theme-light-selection-companion);
  --sotido-theme-success: var(--sotido-theme-light-success);
  --sotido-theme-success-accent: var(--sotido-theme-light-success-accent);
  --sotido-theme-surface: var(--sotido-theme-light-surface);
  --sotido-theme-surface-chrome: var(--sotido-theme-light-surface-chrome);
  --sotido-theme-surface-highest: var(--sotido-theme-light-surface-highest);
  --sotido-theme-surface-raised: var(--sotido-theme-light-surface-raised);
  --sotido-theme-surface-soft: var(--sotido-theme-light-surface-soft);
  --sotido-theme-text-inverse: var(--sotido-theme-light-text-inverse);
  --sotido-theme-text-muted: var(--sotido-theme-light-text-muted);
  --sotido-theme-text-on-accent: var(--sotido-theme-light-text-on-accent);
  --sotido-theme-text-primary: var(--sotido-theme-light-text-primary);
  --sotido-theme-text-secondary: var(--sotido-theme-light-text-secondary);
  --sotido-theme-warning-accent: var(--sotido-theme-light-warning-accent);
  --sotido-theme-warning-surface: var(--sotido-theme-light-warning-surface);
}