/* Generated from design-system/tokens/fsim.tokens.json. Do not edit directly. */
:root {
  --fsim-color-background: #F5F5F5;
  --fsim-color-surface: #FCFCFC;
  --fsim-color-elevated-surface: #FFFFFF;
  --fsim-color-brand-action: #3375CC;
  --fsim-color-on-brand-action: #FFFFFF;
  --fsim-color-brand-text: #2B64AD;
  --fsim-color-secondary-accent: #5856D6;
  --fsim-color-success: #067647;
  --fsim-color-warning: #9A6700;
  --fsim-color-destructive: #B42318;
  --fsim-color-text-primary: #000000;
  --fsim-color-text-muted: #595959;
  --fsim-color-text-subtle: #6B6B6B;
  --fsim-color-separator: #D9D9D9;
  --fsim-color-focus: #007AFF;
  --fsim-color-elevated: var(--fsim-color-elevated-surface);
  --fsim-color-text-secondary: var(--fsim-color-text-muted);
  --fsim-color-text-tertiary: var(--fsim-color-text-subtle);
  --fsim-space-inline: 8px;
  --fsim-space-content: 12px;
  --fsim-space-card: 16px;
  --fsim-space-section: 24px;
  --fsim-radius-control: 14px;
  --fsim-radius-card: 20px;
  --fsim-radius-prominent: 24px;
  --fsim-control-minimum: 44px;
  --fsim-control-regular: 50px;
  --fsim-control-prominent: 58px;
  --fsim-motion-quick: 120ms;
  --fsim-motion-standard: 200ms;
  --fsim-motion-deliberate: 350ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fsim-color-background: #0D1117;
    --fsim-color-surface: #151B23;
    --fsim-color-elevated-surface: #1C2430;
    --fsim-color-brand-action: #78A7F2;
    --fsim-color-on-brand-action: #101A2A;
    --fsim-color-brand-text: #8BB6F8;
    --fsim-color-secondary-accent: #9B9AFB;
    --fsim-color-success: #78D5A8;
    --fsim-color-warning: #E6BC6A;
    --fsim-color-destructive: #F29B95;
    --fsim-color-text-primary: #F1F4F8;
    --fsim-color-text-muted: #B5BDC9;
    --fsim-color-text-subtle: #8692A3;
    --fsim-color-separator: #2B3441;
    --fsim-color-focus: #8BB6F8;
  }
}

:root[data-fsim-theme="light"] {
  --fsim-color-background: #F5F5F5;
  --fsim-color-surface: #FCFCFC;
  --fsim-color-elevated-surface: #FFFFFF;
  --fsim-color-brand-action: #3375CC;
  --fsim-color-on-brand-action: #FFFFFF;
  --fsim-color-brand-text: #2B64AD;
  --fsim-color-secondary-accent: #5856D6;
  --fsim-color-success: #067647;
  --fsim-color-warning: #9A6700;
  --fsim-color-destructive: #B42318;
  --fsim-color-text-primary: #000000;
  --fsim-color-text-muted: #595959;
  --fsim-color-text-subtle: #6B6B6B;
  --fsim-color-separator: #D9D9D9;
  --fsim-color-focus: #007AFF;
  color-scheme: light;
}

:root[data-fsim-theme="dark"] {
  --fsim-color-background: #0D1117;
  --fsim-color-surface: #151B23;
  --fsim-color-elevated-surface: #1C2430;
  --fsim-color-brand-action: #78A7F2;
  --fsim-color-on-brand-action: #101A2A;
  --fsim-color-brand-text: #8BB6F8;
  --fsim-color-secondary-accent: #9B9AFB;
  --fsim-color-success: #78D5A8;
  --fsim-color-warning: #E6BC6A;
  --fsim-color-destructive: #F29B95;
  --fsim-color-text-primary: #F1F4F8;
  --fsim-color-text-muted: #B5BDC9;
  --fsim-color-text-subtle: #8692A3;
  --fsim-color-separator: #2B3441;
  --fsim-color-focus: #8BB6F8;
  color-scheme: dark;
}