/* Auto-generated by design/generate.py — do not edit manually */

:root {
  --s1-void: #faf9f5;
  --s1-surface: #ffffff;
  --s1-surface-dim: #f5f4ed;
  --s1-surface-raised: #f0eee6;
  --s1-surface-active: #e8e6dc;
  --s1-ink: #141413;
  --s1-secondary: #3d3d3a;
  --s1-muted: #73726c;
  --s1-on-accent: #ffffff;
  --s1-border: #e8e6dc;
  --s1-border-subtle: #f0eee6;
  --s1-accent: #d97757;
  --s1-accent-deep: #c6613f;
  --s1-accent-glow: rgba(217, 119, 87, 0.10);
  --s1-accent-bg: rgba(217, 119, 87, 0.06);
  --s1-link: #1b67b2;
  --s1-link-hover: #2c84db;
  --s1-success: #1d7623;
  --s1-success-bg: rgba(29, 118, 35, 0.08);
  --s1-danger: #b53232;
  --s1-danger-bg: rgba(181, 50, 50, 0.06);
  --s1-warning: #5d4c02;
  --s1-warning-bg: rgba(93, 76, 2, 0.08);
}

[data-mode="dark"] {
  --s1-void: #141413;
  --s1-surface: #30302e;
  --s1-surface-dim: #262624;
  --s1-surface-raised: #1f1e1d;
  --s1-surface-active: #141413;
  --s1-ink: #f8f8f6;
  --s1-secondary: #ddd9ce;
  --s1-muted: #979690;
  --s1-on-accent: #ffffff;
  --s1-border: #30302e;
  --s1-border-subtle: #262624;
  --s1-accent: #d97757;
  --s1-accent-deep: #c6613f;
  --s1-accent-glow: rgba(217, 119, 87, 0.10);
  --s1-accent-bg: rgba(217, 119, 87, 0.06);
  --s1-link: #74abe2;
  --s1-link-hover: #2c84db;
  --s1-success: #4ab856;
  --s1-success-bg: rgba(29, 118, 35, 0.08);
  --s1-danger: #d45555;
  --s1-danger-bg: rgba(181, 50, 50, 0.06);
  --s1-warning: #d4a908;
  --s1-warning-bg: rgba(93, 76, 2, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
    --s1-void: #141413;
    --s1-surface: #30302e;
    --s1-surface-dim: #262624;
    --s1-surface-raised: #1f1e1d;
    --s1-surface-active: #141413;
    --s1-ink: #f8f8f6;
    --s1-secondary: #ddd9ce;
    --s1-muted: #979690;
    --s1-on-accent: #ffffff;
    --s1-border: #30302e;
    --s1-border-subtle: #262624;
    --s1-accent: #d97757;
    --s1-accent-deep: #c6613f;
    --s1-accent-glow: rgba(217, 119, 87, 0.10);
    --s1-accent-bg: rgba(217, 119, 87, 0.06);
    --s1-link: #74abe2;
    --s1-link-hover: #2c84db;
    --s1-success: #4ab856;
    --s1-success-bg: rgba(29, 118, 35, 0.08);
    --s1-danger: #d45555;
    --s1-danger-bg: rgba(181, 50, 50, 0.06);
    --s1-warning: #d4a908;
    --s1-warning-bg: rgba(93, 76, 2, 0.08);
  }
}