/* ─── Design tokens ───────────────────────────────────────────────────── */

:root {
  --bg:           #fdf6e8;   /* main background */
  --surface:      #f5ead8;   /* raised surfaces, d-pad, badges */
  --fg:           #3d2b1a;   /* primary text & dark borders */
  --fg-2:         #5a3f28;   /* secondary text */
  --accent:       #a07850;   /* interactive accent, links, focus */
  --dim:          #b89a70;   /* dimmed / placeholder text */
  --muted:        #c4a882;   /* inactive, quiet elements */
  --faint:        #e0cdb0;   /* empty state text */
  --border:       #d4b896;   /* standard borders */
  --border-light: #e8d9c0;   /* light separators */
  --shadow:       rgba(100, 60, 20, 0.12);
  --error:        #b84040;
  --divider-gold: #e8c060;   /* decorative dividers */
}