:root {
  color-scheme: light;
  --bg: #f4f1ea;
  --surface: #fffdf8;
  --surface-2: #ece7da;
  --text: #23211d;
  --text-dim: #6b6760;
  --border: #d8d1c4;
  --accent: #FC6028;
  --danger: #b3261e;
  --danger-light: #b3261e;
  --danger-dark: #ff8177;
  /* Small labels need dark ink on orange in either skin. */
  --on-accent: #17110a;
  --radius: 12px;
  --grid-cols: 12;
  --grid-gap: 16px;
  --grid-row-height: 140px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #141412;
  --surface: #1c1c1a;
  --surface-2: #2a2a28;
  --text: #f5f3ef;
  --text-dim: #9a958e;
  --border: #3a3a38;
  --accent: #fb642f;
  --danger: var(--danger-dark);
}
* { box-sizing: border-box; }