/* Design tokens shared by the desktop (`styles.css`) and mobile
   (`mobile/mobile.css`) surfaces. Keep this file colors-and-radii only —
   no layout, no per-component rules — so both surfaces can evolve
   independently while staying visually coherent. */
:root {
  --bg-1: #f5f1e7;
  --bg-2: #eedad5;
  --bg-3: #e7efe8;
  --ink: #2b1f1f;
  --ink-soft: #4b3d3d;
  --accent: #bf3a2b;
  --accent-dark: #8f2b22;
  --sand: #f9f4ec;
  --shadow: rgba(34, 26, 26, 0.12);
  --border: rgba(45, 33, 33, 0.18);
}