/*
 * "System" theme: when no explicit choice is stored, follow the OS setting.
 * These declarations mirror the [data-theme="dark"] blocks in tokens.css. Keep them in sync.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0c100e;
    --paper-subtle: #141a17;
    --paper-raised: #1a211d;
    --paper-inverse: #f4f5f1;
    --kelp: #24302a;
    --driftwood: #3a3630;
    --sage: #56625a;
    --line: #26302b;
    --line-control: #6f7a72;
    --line-strong: #f4f5f1;
    --ink: #f4f5f1;
    --ink-muted: #a2aaa3;
    --ink-inverse: #0f1411;
    --ink-inverse-muted: #535b55;
    --forest: #1b4733;
    --seaglass-text: #8fd3c1;
    --seaglass-soft: #10241f;
    --focus: #f4f5f1;
    --success: #5fd39a;
    --success-soft: #0f2418;
    --warning: #f2b544;
    --warning-soft: #2a2008;
    --danger: #f97b70;
    --danger-soft: #2b0f0d;
    --shadow-float: 0 24px 48px -12px rgba(0, 0, 0, 0.7);
  }
}