/* Sunshine design tokens — the only file with raw colours (template standard, check-page.py).
   Light first (brand-strategy §6); dark follows the system via light-dark(). One accent: sun gold. */
:root {
  color-scheme: light dark;

  /* surfaces */
  --surface-canvas: light-dark(#fffbf4, #1a1612);
  --surface-section: light-dark(#fdf6e9, #201b16);
  --surface-raised: light-dark(#ffffff, #241e19);
  --line: light-dark(#ebe3d6, #3a322a);
  --qr-bg: #ffffff;                       /* QR codes scan best on pure white in both schemes */

  /* text */
  --text-emphasis: light-dark(#1c1917, #faf5ee);
  --text: light-dark(#2a2420, #ede6db);
  --text-muted: light-dark(#625a50, #b5aa9b);
  --text-subtle: light-dark(#8c8275, #857b6e); /* decorative only */

  /* accent: sun gold. Fills take --on-accent; text-level gold is --accent-text */
  --accent: light-dark(#f2b61c, #f2b61c);
  --on-accent: #1c1917;
  --accent-text: light-dark(#8a5c00, #f2b61c);
  --accent-container: light-dark(#fdf0cc, #3a2d10);

  /* calm: the "off" state and anything that must never read as alarm */
  --calm: light-dark(#5b6472, #a7afbb);
  --calm-container: light-dark(#e9ecf0, #2a2f36);

  --shadow: light-dark(rgb(28 25 23 / .22), rgb(0 0 0 / .5));
  --backdrop: rgb(28 25 23 / .55);
}