/*
 * Quietmere design tokens.
 * Source of truth for colour, type and line weights. Light values come from the app's Theme.swift;
 * dark values from the app's current dark Today screen (cream accent). Every component reads these.
 */
:root{
  --qm-bg:#eef1f5; --qm-surface:#ffffff; --qm-ink:#14213d; --qm-muted:#4a5568; --qm-line:#cdd3dd; --qm-divider:#e8ecf2; --qm-chip:#e3e8f0;
  --qm-blue:#2742c9; --qm-blue-fill:#2742c9; --qm-action:#1a2e94; --qm-footer:#fafbfd; --qm-late:#c2410c; --qm-late-line:#d9825a; --qm-late-track:#f3d6c8;
  --qm-reminder:#8a5300; --qm-reminder-bar:#f4b740; --qm-taken:#1e7a4c; --qm-grey-dot:#8a94a6;
  --qm-gold:#a87f3a; --qm-face:#f5f3ee; --qm-face-tick:#9b9283; --qm-face-rim:#d3cdc1; --qm-done-dot:#5f9fc4;
  --qm-navy:#14213d; --qm-on-navy:#eef1f5; --qm-on-accent:#ffffff; --qm-emb-hi:rgba(255,255,255,.95); --qm-dial-rim:#b4ad9f; --qm-dial-num:#8c6a2a; --qm-dial-track:#d6d2c8; --qm-emb-ink:#d9dee7; --qm-emb-track:#e3e7ee; --qm-emb-lo:rgba(20,33,61,.28);
  --qm-display:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --qm-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  --qm-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --qm-bg:#0b0f16; --qm-surface:#141a26; --qm-ink:#ede7d7; --qm-muted:#8f96a6; --qm-line:#242d40; --qm-divider:#1f2737; --qm-chip:#1a2232;
  --qm-blue:#edd5a2; --qm-blue-fill:#edd5a2; --qm-on-accent:#0b0f16; --qm-action:#edd5a2; --qm-footer:#10151f; --qm-late:#e9a85b; --qm-late-line:#7a5530; --qm-late-track:#3a2a1a;
  --qm-reminder:#edd5a2; --qm-taken:#b2d6e4; --qm-done-dot:#b2d6e4; --qm-gold:#edd5a2; --qm-face:#0f151f; --qm-face-tick:#605f5d; --qm-face-rim:#2e3850;
  --qm-navy:#10151f; --qm-on-navy:#ede7d7; --qm-emb-hi:rgba(255,255,255,.14); --qm-dial-rim:#46527a; --qm-dial-num:#f3e2b8; --qm-dial-track:#2a3450; --qm-emb-ink:#232b3d; --qm-emb-track:#121823; --qm-emb-lo:rgba(0,0,0,.85); color-scheme:dark}}
.qm-force-dark{
  --qm-bg:#0b0f16; --qm-surface:#141a26; --qm-ink:#ede7d7; --qm-muted:#8f96a6; --qm-line:#242d40; --qm-divider:#1f2737; --qm-chip:#1a2232;
  --qm-blue:#edd5a2; --qm-blue-fill:#edd5a2; --qm-on-accent:#0b0f16; --qm-action:#edd5a2; --qm-footer:#10151f; --qm-late:#e9a85b; --qm-late-line:#7a5530; --qm-late-track:#3a2a1a;
  --qm-reminder:#edd5a2; --qm-taken:#b2d6e4; --qm-done-dot:#b2d6e4; --qm-gold:#edd5a2; --qm-face:#0f151f; --qm-face-tick:#605f5d; --qm-face-rim:#2e3850;
  --qm-navy:#10151f; --qm-on-navy:#ede7d7; --qm-emb-hi:rgba(255,255,255,.14); --qm-dial-rim:#46527a; --qm-dial-num:#f3e2b8; --qm-dial-track:#2a3450; --qm-emb-ink:#232b3d; --qm-emb-track:#121823; --qm-emb-lo:rgba(0,0,0,.85); color-scheme:dark}
:root{
  --qm-line-w:1.5px;      /* neutral borders (app Metrics.line) */
  --qm-accent-w:1.7px;    /* selected / running (app Metrics.accentLine) */
  --qm-radius-card:14px;  /* app Metrics.cardRadius */
  --qm-radius-btn:12px;
  --qm-wrap:1320px;
  --qm-mark-done:#a8d3e6; --qm-mark-open:#e9a04a; --qm-mark-line:#8b93a3; /* clock status markers, same in both themes */
  --qm-gutter:clamp(20px,4vw,56px);
  --qm-text-w:720px;
}