/* Generated from DESIGN.md (colors-dark) by scripts/theme-tokens.mjs - edit DESIGN.md, not this file. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #C8372A;
  --color-primary-hover: #B52C1F;
  --color-primary-tint: #3A1714;
  --color-on-primary: #FFFFFF;
  --color-primary-ink: #F0705F;
  --color-canvas: #0E1116;
  --color-dot: #262B35;
  --color-panel: #161A21;
  --color-panel-2: #1E232C;
  --color-hairline: #2A303B;
  --color-hairline-strong: #3A4150;
  --color-ink: #F2F4F7;
  --color-ink-muted: #B4BCC8;
  --color-ink-subtle: #8D96A5;
  --color-inverse: #F2F4F7;
  --color-inverse-hover: #B4BCC8;
  --color-on-inverse: #0E1116;
  --color-logo-plate: #F2F4F7;
  --color-success: #32D583;
  --shadow-float: 0 12px 32px -8px rgba(0,0,0,0.45);
  --scrim: rgba(0,0,0,0.60);
}

/* JavaScript off (no boot script, so no data-theme): follow the device. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --color-primary: #C8372A;
    --color-primary-hover: #B52C1F;
    --color-primary-tint: #3A1714;
    --color-on-primary: #FFFFFF;
    --color-primary-ink: #F0705F;
    --color-canvas: #0E1116;
    --color-dot: #262B35;
    --color-panel: #161A21;
    --color-panel-2: #1E232C;
    --color-hairline: #2A303B;
    --color-hairline-strong: #3A4150;
    --color-ink: #F2F4F7;
    --color-ink-muted: #B4BCC8;
    --color-ink-subtle: #8D96A5;
    --color-inverse: #F2F4F7;
    --color-inverse-hover: #B4BCC8;
    --color-on-inverse: #0E1116;
    --color-logo-plate: #F2F4F7;
    --color-success: #32D583;
    --shadow-float: 0 12px 32px -8px rgba(0,0,0,0.45);
    --scrim: rgba(0,0,0,0.60);
  }
}