/* Design tokens — Serene Sangha Assistant (Saffron & Ivory) */
:root {
  --canvas: #FDFBF7;
  --canvas-2: #F8F6F0;
  --card: #FFFFFF;
  --ink: #1E293B;
  --ink-soft: #564338;
  --ink-mute: #7a6a5f;
  --line: rgba(180, 83, 9, 0.12);
  --line-soft: rgba(180, 83, 9, 0.08);
  --primary: #B45309;
  --primary-deep: #78350F;
  --primary-ink: #903f00;
  --on-primary: #ffffff;
  --amber-wash: #FEF3C7;
  --amber-tint: rgba(245, 158, 11, 0.12);
  --gold: #F59E0B;
  --gold-soft: #FBBF24;
  --jade: #059669;
  --jade-wash: #D1FAE5;
  --jade-ink: #065f46;
  --info-wash: #E8EEFF;
  --info-ink: #1e3a8a;
  --danger: #BA1A1A;
  --danger-wash: #FFE9E5;
  --warn-wash: #FFF1E6;
  --input-bg: #FAF7F0;
  --focus-ring: 0 0 0 3px rgba(217, 119, 6, 0.22);
  --glass: rgba(253, 251, 247, 0.88);
  --shadow-card: 0 2px 4px rgba(30, 41, 59, 0.04), 0 12px 28px rgba(180, 83, 9, 0.06);
  --shadow-float: 0 8px 24px rgba(120, 53, 15, 0.28);
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 24px; --r-pill: 9999px;
  --font-head: 'Newsreader', 'Sarabun', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', 'Sarabun', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --nav-h: 76px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}
:root[data-theme='night'] {
  --canvas: #0F172A; --canvas-2: #111c33; --card: #172036; --ink: #F1E9DD; --ink-soft: #D9C7B3; --ink-mute: #A8967F;
  --line: rgba(251, 191, 36, 0.18); --line-soft: rgba(251, 191, 36, 0.10);
  --primary: #F59E0B; --primary-deep: #B45309; --primary-ink: #FBBF24; --on-primary: #1b1206;
  --amber-wash: rgba(245, 158, 11, 0.16); --amber-tint: rgba(245, 158, 11, 0.16);
  --jade: #34d399; --jade-wash: rgba(52, 211, 153, 0.16); --jade-ink: #6ee7b7;
  --info-wash: rgba(96, 130, 255, 0.16); --info-ink: #bcd0ff;
  --danger: #ff8a80; --danger-wash: rgba(255, 138, 128, 0.14); --warn-wash: rgba(245, 158, 11, 0.12);
  --input-bg: #1b2744; --glass: rgba(15, 23, 42, 0.88);
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.3); --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html { font-size: 16px; }
html[data-font='large'] { font-size: 18px; }
html[data-font='xlarge'] { font-size: 20px; }