/* Adam's pick 22-10-26 (option 4); the only place colours live */
:root{
  color-scheme:light dark;
  --c-page:#F5F5F7;
  --c-card:#FFFFFF;
  --c-fg:#1D1D1F;
  --c-muted-fg:#64748B;
  --c-accent:#0052FF;
  --c-buy:#22C55E;
  --c-wait:#A16207;

  --bg:var(--c-page);
  --surface:var(--c-card);
  --ink:var(--c-fg);
  --ink-2:color-mix(in srgb,var(--c-muted-fg) 75%,var(--c-fg));
  --hair:color-mix(in srgb,var(--c-fg) 12%,transparent);
  --fill:color-mix(in srgb,var(--c-fg) 6%,var(--c-card));
  --accent:var(--c-accent);
  --focus:var(--c-accent);
  --st-buy:var(--c-buy);
  --st-wait:var(--c-wait);
  --st-notnow:var(--c-muted-fg);
  --st-nodata:var(--c-muted-fg);
  --bar:color-mix(in srgb,var(--c-page) 72%,transparent);
  --depth:0 1px 2px color-mix(in srgb,var(--c-fg) 6%,transparent),0 6px 18px -10px color-mix(in srgb,var(--c-fg) 22%,transparent);
  --ch-price:var(--ink);
  --ch-line:var(--accent);
  --pill-mix:16%;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --c-page:#000000;
    --c-card:#121212;
    --c-fg:#FFFFFF;
    --c-muted-fg:#94A3B8;
    --c-accent:#4D7CFF;
    --c-buy:#22C55E;
    --c-wait:#FFB000;
    --ink-2:var(--c-muted-fg);
    --hair:color-mix(in srgb,var(--c-fg) 14%,transparent);
    --fill:color-mix(in srgb,var(--c-fg) 9%,var(--c-card));
    --bar:color-mix(in srgb,var(--c-card) 70%,transparent);
    --depth:0 0 0 1px color-mix(in srgb,var(--c-fg) 4%,transparent);
    --pill-mix:22%;
  }
}