:root {
  --bg: #F4F6F5;
  --panel: #FFFFFF;
  --pine: #16302B;
  --pine-light: #244A41;
  --mint: #6FA98C;
  --mint-soft: #E1EBE5;
  --brick: #C8553D;
  --brick-dark: #B04A34; /* WCAG AA text-on-brick fix — white text on --brick alone is 4.35:1, needs 4.5:1 */
  --brick-soft: #F6E4DF;
  --text: #1C2624;
  --text-soft: #5B6C67;
  --line: #E3E8E6;

  --font-heading: 'Fraunces', serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --radius-card: 14px;
  --radius-btn: 10px;
  --shadow-card: 0 1px 2px rgba(22, 48, 43, 0.06), 0 8px 24px rgba(22, 48, 43, 0.06);
  --shadow-btn-primary: 0 4px 14px rgba(200, 85, 61, 0.28);
}

/* Fraunces/IBM Plex Sans have no Arabic glyphs — swap in Noto Sans Arabic for ar/ckb/kmr. */
[dir="rtl"] {
  --font-heading: 'Noto Sans Arabic', sans-serif;
  --font-body: 'Noto Sans Arabic', sans-serif;
}