/*
 * GENERATED FILE — DO NOT EDIT.
 * Source: design/tokens/semantic/light.json + semantic/dark.json
 * Regenerate: cd design && npm run build
 */

:root {
  color-scheme: light dark;
  --color-surface-canvas: #F4F4F6;
  --color-surface-raised: #FFFFFF;
  --color-surface-sunken: #EBEBEF;
  --color-surface-overlay: #FFFFFF;
  --color-surface-scrim: #0E0E10;
  --color-text-primary: #0E0E10;
  --color-text-secondary: #5C5C66;
  --color-text-tertiary: #8A8A94;
  --color-text-inverse: #FFFFFF;
  --color-text-on-accent: #FFFFFF;
  --color-border-subtle: #EBEBEF;
  --color-border-strong: #DCDCE2;
  --color-border-focus: #0E0E10;
  --color-accent-default: #0E0E10;
  --color-accent-pressed: #2A2A31;
  --color-accent-subtle: #EBEBEF;
  --color-accent-gradient-start: #0E0E10;
  --color-accent-gradient-end: #0E0E10;
  --color-spotlight-fill: #FFC933;
  --color-spotlight-pressed: #F5B800;
  --color-spotlight-edge: #D99A00;
  --color-spotlight-on-fill: #0E0E10;
  --color-spotlight-subtle: #FFF1C7;
  --color-spotlight-on-subtle: #6B4A00;
  --color-tint-sun-background: #FFF1C7;
  --color-tint-sun-foreground: #8A5900;
  --color-tint-lilac-background: #ECE7FF;
  --color-tint-lilac-foreground: #5B3FE0;
  --color-tint-mint-background: #DDF4E7;
  --color-tint-mint-foreground: #0E7542;
  --color-tint-sky-background: #DFEDFF;
  --color-tint-sky-foreground: #1A5CC4;
  --color-tint-peach-background: #FFE6DA;
  --color-tint-peach-foreground: #B23C14;
  --color-status-record: #FF3B30;
  --color-status-success: #0E7542;
  --color-status-warning: #B23C14;
  --color-status-danger: #D92D20;
  --color-always-dark-surface: #0E0E10;
  --color-always-dark-surface-raised: #1D1D22;
  --color-always-dark-text: #FFFFFF;
  --color-always-dark-text-secondary: #A9A9B2;
  --color-always-dark-border: #2A2A31;
  --color-always-dark-accent: #FFC933;
  --color-always-dark-accent-gradient-start: #FFC933;
  --color-always-dark-accent-gradient-end: #FFC933;
  --color-always-dark-on-accent: #0E0E10;
  --color-always-dark-success: #34D17A;
  --color-prompter-default-text: #FFFFFF;
  --color-prompter-default-background: #000000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-surface-canvas: #0E0E10;
    --color-surface-raised: #16161A;
    --color-surface-sunken: #000000;
    --color-surface-overlay: #1D1D22;
    --color-surface-scrim: #000000;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #8A8A94;
    --color-text-tertiary: #5C5C66;
    --color-text-inverse: #0E0E10;
    --color-text-on-accent: #0E0E10;
    --color-border-subtle: #1D1D22;
    --color-border-strong: #2A2A31;
    --color-border-focus: #FFC933;
    --color-accent-default: #FFC933;
    --color-accent-pressed: #F5B800;
    --color-accent-subtle: #3D2A00;
    --color-accent-gradient-start: #FFC933;
    --color-accent-gradient-end: #FFC933;
    --color-spotlight-fill: #FFC933;
    --color-spotlight-pressed: #F5B800;
    --color-spotlight-edge: #D99A00;
    --color-spotlight-on-fill: #0E0E10;
    --color-spotlight-subtle: #3D2A00;
    --color-spotlight-on-subtle: #FFE38A;
    --color-tint-sun-background: #3D2A00;
    --color-tint-sun-foreground: #FFD65C;
    --color-tint-lilac-background: #241A52;
    --color-tint-lilac-foreground: #B9A8FF;
    --color-tint-mint-background: #0F3322;
    --color-tint-mint-foreground: #34D17A;
    --color-tint-sky-background: #10284D;
    --color-tint-sky-foreground: #93BDFF;
    --color-tint-peach-background: #3D1A0C;
    --color-tint-peach-foreground: #FF9E5E;
    --color-status-record: #FF3B30;
    --color-status-success: #34D17A;
    --color-status-warning: #FF9E5E;
    --color-status-danger: #FF6B61;
    --color-always-dark-surface: #0E0E10;
    --color-always-dark-surface-raised: #1D1D22;
    --color-always-dark-text: #FFFFFF;
    --color-always-dark-text-secondary: #A9A9B2;
    --color-always-dark-border: #2A2A31;
    --color-always-dark-accent: #FFC933;
    --color-always-dark-accent-gradient-start: #FFC933;
    --color-always-dark-accent-gradient-end: #FFC933;
    --color-always-dark-on-accent: #0E0E10;
    --color-always-dark-success: #34D17A;
    --color-prompter-default-text: #FFFFFF;
    --color-prompter-default-background: #000000;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-surface-canvas: #0E0E10;
  --color-surface-raised: #16161A;
  --color-surface-sunken: #000000;
  --color-surface-overlay: #1D1D22;
  --color-surface-scrim: #000000;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #8A8A94;
  --color-text-tertiary: #5C5C66;
  --color-text-inverse: #0E0E10;
  --color-text-on-accent: #0E0E10;
  --color-border-subtle: #1D1D22;
  --color-border-strong: #2A2A31;
  --color-border-focus: #FFC933;
  --color-accent-default: #FFC933;
  --color-accent-pressed: #F5B800;
  --color-accent-subtle: #3D2A00;
  --color-accent-gradient-start: #FFC933;
  --color-accent-gradient-end: #FFC933;
  --color-spotlight-fill: #FFC933;
  --color-spotlight-pressed: #F5B800;
  --color-spotlight-edge: #D99A00;
  --color-spotlight-on-fill: #0E0E10;
  --color-spotlight-subtle: #3D2A00;
  --color-spotlight-on-subtle: #FFE38A;
  --color-tint-sun-background: #3D2A00;
  --color-tint-sun-foreground: #FFD65C;
  --color-tint-lilac-background: #241A52;
  --color-tint-lilac-foreground: #B9A8FF;
  --color-tint-mint-background: #0F3322;
  --color-tint-mint-foreground: #34D17A;
  --color-tint-sky-background: #10284D;
  --color-tint-sky-foreground: #93BDFF;
  --color-tint-peach-background: #3D1A0C;
  --color-tint-peach-foreground: #FF9E5E;
  --color-status-record: #FF3B30;
  --color-status-success: #34D17A;
  --color-status-warning: #FF9E5E;
  --color-status-danger: #FF6B61;
  --color-always-dark-surface: #0E0E10;
  --color-always-dark-surface-raised: #1D1D22;
  --color-always-dark-text: #FFFFFF;
  --color-always-dark-text-secondary: #A9A9B2;
  --color-always-dark-border: #2A2A31;
  --color-always-dark-accent: #FFC933;
  --color-always-dark-accent-gradient-start: #FFC933;
  --color-always-dark-accent-gradient-end: #FFC933;
  --color-always-dark-on-accent: #0E0E10;
  --color-always-dark-success: #34D17A;
  --color-prompter-default-text: #FFFFFF;
  --color-prompter-default-background: #000000;
}