/* Tokens: colour, type and size for each look. See DESIGN.md. */
/* The Slow Read design system: DESIGN.md explains these. Paper and ink, one amber accent.
   Mobile first; light tokens, then dark. */
:root {
  --bg:#FBFAF7; --surface:#F3F1EB; --fg:#1B1A17; --muted:#55524B; --faint:#6B675F;
  --rule:#E4E1D9; --control:#88847C; --chip:#ECE9E1; --link:#1B1A17; --accent:#A0620F; --star:#A0620F; --star-empty:#D5D1C6;
  --free:#2C7347; --paid:#A8412C; --lang:#33589F; --frame:#8A5A12;
  --serif:"Iowan Old Style","Charter","Source Serif 4","Source Serif Pro",Georgia,"Songti SC","Hiragino Mincho ProN","Noto Serif CJK SC","Noto Serif CJK JP","Times New Roman",serif;
  --sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans","Noto Sans CJK SC","Noto Sans CJK JP",sans-serif; --round:8px; --gutter:20px; --tabs-h:0px; --ts:1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --bg:#141311; --surface:#1C1B18; --fg:#EDEAE3; --muted:#B4B0A6; --faint:#8F8B81;
    --rule:#2C2A26; --control:#726F67; --chip:#262421; --link:#EDEAE3; --accent:#D9A657; --star:#D9A657; --star-empty:#45423C;
    --free:#7BC08E; --paid:#E8907B; --lang:#A3BBEA; --frame:#DCB985;
  }
}
:root[data-mode="dark"] {
  --bg:#141311; --surface:#1C1B18; --fg:#EDEAE3; --muted:#B4B0A6; --faint:#8F8B81;
  --rule:#2C2A26; --control:#726F67; --chip:#262421; --link:#EDEAE3; --accent:#D9A657; --star:#D9A657; --star-empty:#45423C;
  --free:#7BC08E; --paid:#E8907B; --lang:#A3BBEA; --frame:#DCB985;
}

/* Night: warm, dim and low in contrast, for reading in a dark room. No pure white anywhere. */
:root[data-mode="night"] {
  --bg:#0B0A08; --surface:#14120F; --fg:#D3C4A8; --muted:#A39680; --faint:#8D826F;
  --rule:#24201A; --control:#6E6556; --chip:#1C1915; --link:#D3C4A8; --accent:#C48A3F; --star:#C48A3F; --star-empty:#3A342B;
  --free:#8FAE86; --paid:#C98F7C; --lang:#9DA9C2; --frame:#C9A574;
}
:root[data-mode="dark"], :root[data-mode="night"] { color-scheme:dark; }
:root[data-mode="light"] { color-scheme:light; }
/* Text size, chosen in Display: scales the reading text, not the interface. */
:root[data-size="l"] { --ts:1.12; }
:root[data-size="xl"] { --ts:1.25; }