/*
 * Light theme for DHM Exchange. Darkroom is dark-only for now; this app has
 * always followed the system light setting, so it keeps doing that.
 *
 * The ground and text values are the app's own light palette, unchanged
 * (each clears WCAG AA 4.5:1 on the page and the card). Because the dr-
 * components read the --dr-* tokens directly, those are redefined here too,
 * pointed at the same palette. Two need darker light-ground versions to stay
 * readable: the safelight (#a8380c, 5.7:1 on the page; #ff5a1f is 2.9:1) and
 * the Exchange tone on the wordmark (#5f6150, 5.5:1).
 *
 * Unlayered, so it beats Darkroom's layers — which is the point here and
 * nowhere else. Delete this file the day Darkroom ships its own light theme.
 */

:root[data-theme='light'] {
  color-scheme: light;
  --dr-void: #f4efe7;
  --dr-ground: #fbf8f3;
  --dr-raised: #ebe4d8;
  --dr-ink: #1f1b16;
  --dr-ink-muted: #5d5448;
  --dr-ink-faint: #6f6558;
  --dr-line: rgba(120, 90, 50, 0.22);
  --dr-line-strong: rgba(120, 90, 50, 0.42);
  --dr-safelight: #a8380c;
  --dr-safelight-hover: #8c2f0a;
  --dr-safelight-dim: rgba(168, 56, 12, 0.08);
  --dr-safelight-line: rgba(168, 56, 12, 0.35);
  --dr-on-safelight: #ffffff;
  --dr-tone: #5f6150;
  --dr-positive: #2e6b35;
  --dr-warning: #8a5a00;
  --color-warning-dim: rgba(138, 90, 0, 0.1);
  --color-danger-dim: rgba(168, 56, 12, 0.08);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    color-scheme: light;
    --dr-void: #f4efe7;
    --dr-ground: #fbf8f3;
    --dr-raised: #ebe4d8;
    --dr-ink: #1f1b16;
    --dr-ink-muted: #5d5448;
    --dr-ink-faint: #6f6558;
    --dr-line: rgba(120, 90, 50, 0.22);
    --dr-line-strong: rgba(120, 90, 50, 0.42);
    --dr-safelight: #a8380c;
    --dr-safelight-hover: #8c2f0a;
    --dr-safelight-dim: rgba(168, 56, 12, 0.08);
    --dr-safelight-line: rgba(168, 56, 12, 0.35);
    --dr-on-safelight: #ffffff;
    --dr-tone: #5f6150;
    --dr-positive: #2e6b35;
    --dr-warning: #8a5a00;
    --color-warning-dim: rgba(138, 90, 0, 0.1);
    --color-danger-dim: rgba(168, 56, 12, 0.08);
  }
}