/* Colour. Every value below is lifted verbatim from src/constants/theme.ts.
   Two surfaces — day (warm cream) and night (deep plum-brown) — never a grey UI. */
:root{
  /* — brand base — */
  --dw-peach:#F2BFA7;
  --dw-sheet:#FBEBDF;
  --dw-ink:#371328;
  --dw-ink-muted:#986860;
  --dw-accent:#D85A30;
  --dw-accent-soft:#E26D3E;
  --dw-track:#F4C6B0;
  --dw-on-accent:#FFFFFF;
  --dw-dark:#3A1918;
  --dw-track-dark:#6D3324;
  --dw-peach-button:#DE9978;
  --dw-card-fill:#F7D5C4;
  --dw-card-fill-alt:#F8D8C7;
  --dw-icon-unselected:#E8997C;

  /* — night base — */
  --dw-night-bg:#2A1018;
  --dw-night-bg-deep:#1C0A11;
  --dw-night-surface:#3A1918;
  --dw-night-surface-high:#4A2321;
  --dw-night-ink:#F7DECD;
  --dw-night-ink-muted:#B98D7C;
  --dw-night-accent:#F2BFA7;

  /* — semantic: day surface (default) — */
  --surface-bg:#FBEBDF;
  --surface-card:#F7D5C4;
  --surface-card-high:#F4C6B0;
  --text-body:#371328;
  --text-muted:#986860;
  --accent:#D85A30;
  --on-accent:#FFFFFF;
  --hairline:rgba(152,104,96,0.18);
  --accent-tint:rgba(216,90,48,0.12);
  --accent-border-quiet:rgba(216,90,48,0.18);

  /* — verdicts (night grid / history) — */
  --verdict-completed:#D85A30;
  --verdict-partial:#F2BFA7;
  --verdict-missed:#E8D3C6;
  --verdict-none:rgba(152,104,96,0.16);

  /* — gradients — */
  --dusk-gradient:linear-gradient(180deg,#FBEBDF 0%,#F5D8C4 55%,#EFC7AE 100%); /* @kind color */
  --sunrise-gradient:linear-gradient(135deg,#F2BFA7 0%,#E26D3E 55%,#D85A30 100%); /* @kind color */
}

/* Night surface. Applied by scope, not by media query — the app switches by state. */
[data-tone="night"]{
  --surface-bg:#2A1018;
  --surface-card:#3A1918;
  --surface-card-high:#4A2321;
  --text-body:#F7DECD;
  --text-muted:#B98D7C;
  --accent:#F2BFA7;
  --on-accent:#2A1018;
  --hairline:rgba(247,222,205,0.12);
  --accent-tint:rgba(242,191,167,0.14);
}