/* GENERATED from replica/design/tokens.json by build_tokens.py. Edit the JSON, not this file. */
:root {
  --c-bg: #ffffff;
  --c-surface: #f5f5f7;
  --c-surface-2: #e8e8ed;
  --c-canvas: #d1d1d6;
  --c-border: #d2d2d7;
  --c-border-input: #86868b;
  --c-text: #1d1d1f;
  --c-text-muted: #56565c;
  --c-accent: #f59e0b;
  --c-accent-strong: #b45309;
  --c-on-accent: #1c1203;
  --c-accent-soft: #fdecc8;
  --c-focus: #b45309;
  --c-selection: #f59e0b;
  --c-danger: #c42b2b;
  --c-success: #1d7a4b;
  --c-warning: #9a5800;
  --c-info: #1f5fbf;
  --c-sheet: #ffffff;
  --c-selection-halo: #1c1203;
  --c-chrome: #f5f5f7;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 10px; --lh-xs: 13px; --fw-xs: 500;
  --fs-sm: 11px; --lh-sm: 14px; --fw-sm: 400;
  --fs-base: 12px; --lh-base: 16px; --fw-base: 400;
  --fs-lg: 13px; --lh-lg: 18px; --fw-lg: 600;
  --fs-xl: 16px; --lh-xl: 22px; --fw-xl: 600;
  --sp-0: 0px;
  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 6px;
  --sp-4: 8px;
  --sp-5: 12px;
  --sp-6: 16px;
  --sp-7: 24px;
  --sp-8: 32px;
  --size-menubar: 26px;
  --size-toolbar: 32px;
  --size-tool-button: 26px;
  --size-tabs: 26px;
  --size-row: 22px;
  --size-input: 22px;
  --size-statusbar: 22px;
  --size-panel-left: 220px;
  --size-panel-right: 280px;
  --size-panel-bottom: 220px;
  --size-rail: 32px;
  --size-propbar: 30px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --shadow-sheet: 0 1px 2px rgba(0,0,0,.30), 0 2px 10px rgba(0,0,0,.18);
  --shadow-pop: 0 10px 30px rgba(0,0,0,.18), 0 1px 3px rgba(0,0,0,.12);
  --motion-fast: 100ms;
  --motion-base: 200ms;
  --motion-ease: cubic-bezier(.32,.72,0,1);
  color-scheme: light;
}
/* Dark theme: follows the computer's setting unless the user picked one */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #1c1c1e;
    --c-surface: #242426;
    --c-surface-2: #303033;
    --c-canvas: #242426;
    --c-border: #3a3a3c;
    --c-border-input: #8e8e93;
    --c-text: #f5f5f7;
    --c-text-muted: #a1a1a6;
    --c-accent: #f59e0b;
    --c-accent-strong: #fbbf24;
    --c-on-accent: #1c1203;
    --c-accent-soft: #3d2c0b;
    --c-focus: #fbbf24;
    --c-selection: #f59e0b;
    --c-danger: #f26b6b;
    --c-success: #4cc38a;
    --c-warning: #f5b94a;
    --c-info: #6ea8ff;
    --c-sheet: #ffffff;
    --c-selection-halo: #1c1203;
    --c-chrome: #0e0e10;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-bg: #1c1c1e;
  --c-surface: #242426;
  --c-surface-2: #303033;
  --c-canvas: #242426;
  --c-border: #3a3a3c;
  --c-border-input: #8e8e93;
  --c-text: #f5f5f7;
  --c-text-muted: #a1a1a6;
  --c-accent: #f59e0b;
  --c-accent-strong: #fbbf24;
  --c-on-accent: #1c1203;
  --c-accent-soft: #3d2c0b;
  --c-focus: #fbbf24;
  --c-selection: #f59e0b;
  --c-danger: #f26b6b;
  --c-success: #4cc38a;
  --c-warning: #f5b94a;
  --c-info: #6ea8ff;
  --c-sheet: #ffffff;
  --c-selection-halo: #1c1203;
  --c-chrome: #0e0e10;
  color-scheme: dark;
}