/* ============================================================
   zenscan.ai · Design tokens (Day 96 redesign)
   แหล่งอ้างอิง: design-reference/zenscan-design/dist/assets/tokens.css
   - ชุดใหม่ (prototype): --bg --sidebar --surface --surface2 --surface3 --border
     --text --text2 --text3 --positive --negative --blue-text --cyan-text ...
   - ชุดเดิม (legacy alias): --bg-2 --surface-2 --surface-3 --surface-4 --text-2
     --text-3 --text-4 --c-pos --c-neg --c-warn --glass* --wfrost --tint-* ...
     → map ลงพาเลตใหม่ เพื่อให้ CSS หน้าเดิมทั้ง 27 ไฟล์สลับธีมตามโดยไม่ต้องแก้ทีละจุด
   ธีม: html[data-theme="dark"|"light"] (theme-toggle.js · localStorage 'zb-theme')
   ============================================================ */
:root, :root[data-theme="light"] {
  color-scheme: light;
  /* --- zenscan tokens · light --- */
  --bg: #F5F7FB;
  --sidebar: #FFFFFF;
  --surface: #FFFFFF;
  --surface2: #F5F7FB;
  --surface3: #EAF0F7;
  --border: #DCE3EE;
  --text: #0B132B;
  --text2: #465771;
  --text3: #5E708B;
  --primary: #2563EB;
  --primary-700: #1D4ED8;
  --cyan: #06B6D4;
  --green: #10B981;
  --red: #EF4444;
  --amber: #F59E0B;
  --positive: #047857;
  --negative: #B91C1C;
  --blue-text: #1D4ED8;
  --cyan-text: #0E7490;
  --amber-text: #92400E;
  --tint-blue: rgba(37,99,235,.06);
  --tint-green: rgba(16,185,129,.07);
  --tint-red: rgba(239,68,68,.06);
  --tint-amber: rgba(245,158,11,.08);
  --shadow: 0 16px 48px rgba(11,19,43,.07);
  --font: 'Geist','Sarabun',sans-serif;
  --thai: 'Sarabun','Geist',sans-serif;
  --mono: 'JetBrains Mono','Geist',monospace;
  --radius: 14px;
  --sidebar-width: 228px;
  --top-height: 72px;
  --brand-gradient: linear-gradient(135deg,#2563EB 0%,#06B6D4 70%,#10B981 100%);

  /* --- legacy aliases (ZenBit v3 names → zenscan palette) --- */
  --bg-2: var(--surface);
  --surface-2: var(--surface2);
  --surface-3: var(--surface);
  --surface-4: var(--surface2);
  --border-2: #C9D3E1;
  --border-soft: var(--border);
  --text-2: var(--text2);
  --text-3: var(--text3);
  --text-4: #7F8FA8;
  --c-pos: var(--positive);
  --c-neg: var(--negative);
  --c-warn: var(--amber-text);
  --orange: #F59E0B;
  --mint: #10B981;
  --mint-dim: var(--tint-green);
  --mint-border: rgba(16,185,129,.24);
  --amber-dim: var(--tint-amber);
  --amber-border: rgba(245,158,11,.26);
  --coral: #F0997B;
  --red-dim: var(--tint-red);
  --red-border: rgba(239,68,68,.24);
  --purple: #8B5CF6;
  --purple-dim: rgba(139,92,246,.08);
  --purple-border: rgba(139,92,246,.22);
  --blue: #2563EB;
  --blue-dim: var(--tint-blue);
  --blue-border: rgba(37,99,235,.22);
  --tint-pos: var(--tint-green);
  --tint-neg: var(--tint-red);
  --tint-warn: var(--tint-amber);
  --gradient: var(--brand-gradient);
  --gradient-soft: linear-gradient(135deg, rgba(37,99,235,0.07) 0%, rgba(6,182,212,0.07) 70%, rgba(16,185,129,0.07) 100%);
  --shadow-sm: 0 1px 2px rgba(11,19,43,0.04);
  --shadow-card: var(--shadow);
  /* glass → พื้นผิวเรียบ (ดีไซน์ใหม่ไม่ใช้ blur/blob) */
  --glass: var(--surface);
  --glass-strong: var(--surface);
  --glass-border: var(--border);
  --glass-blur: none;
  --glass-blur-sm: none;
  --glass-inset: 0 0 0 0 transparent;
  --shadow-glass: var(--shadow);
  --shadow-glass-soft: 0 8px 24px rgba(11,19,43,.05);
  --wfrost: var(--surface);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080F1D;
  --sidebar: #0B1323;
  --surface: #0F192A;
  --surface2: #142036;
  --surface3: #19283D;
  --border: #263449;
  --text: #EAF0FA;
  --text2: #AFBDD2;
  --text3: #8B9DB6;
  --primary: #2563EB;
  --primary-700: #1D4ED8;
  --cyan: #06B6D4;
  --green: #10B981;
  --red: #EF4444;
  --amber: #F59E0B;
  --positive: #34D399;
  --negative: #FCA5A5;
  --blue-text: #8EBBFF;
  --cyan-text: #67E8F9;
  --amber-text: #FCD34D;
  --tint-blue: rgba(37,99,235,.14);
  --tint-green: rgba(16,185,129,.10);
  --tint-red: rgba(239,68,68,.10);
  --tint-amber: rgba(245,158,11,.10);
  --shadow: 0 16px 48px rgba(0,0,0,.16);

  --bg-2: var(--surface);
  --surface-2: var(--surface2);
  --surface-3: var(--surface);
  --surface-4: var(--surface2);
  --border-2: #324259;
  --border-soft: var(--border);
  --text-2: var(--text2);
  --text-3: var(--text3);
  --text-4: #6B7D97;
  --c-pos: var(--positive);
  --c-neg: var(--negative);
  --c-warn: var(--amber-text);
  --orange: #FBBF24;
  --mint: #34D399;
  --mint-dim: rgba(16,185,129,.16);
  --mint-border: rgba(16,185,129,.34);
  --amber-dim: rgba(245,158,11,.16);
  --amber-border: rgba(245,158,11,.34);
  --coral: #F0997B;
  --red-dim: rgba(239,68,68,.16);
  --red-border: rgba(239,68,68,.34);
  --purple: #A78BFA;
  --purple-dim: rgba(167,139,250,.16);
  --purple-border: rgba(167,139,250,.34);
  --blue: #3B82F6;
  --blue-dim: rgba(59,130,246,.18);
  --blue-border: rgba(59,130,246,.36);
  --tint-pos: rgba(16,185,129,.15);
  --tint-neg: rgba(239,68,68,.15);
  --tint-warn: rgba(245,158,11,.15);
  --gradient: var(--brand-gradient);
  --gradient-soft: linear-gradient(135deg, rgba(59,130,246,0.14) 0%, rgba(34,211,238,0.12) 70%, rgba(52,211,153,0.12) 100%);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-card: var(--shadow);
  --glass: var(--surface);
  --glass-strong: var(--surface);
  --glass-border: var(--border);
  --glass-blur: none;
  --glass-blur-sm: none;
  --glass-inset: 0 0 0 0 transparent;
  --shadow-glass: var(--shadow);
  --shadow-glass-soft: 0 8px 24px rgba(0,0,0,.25);
  --wfrost: var(--surface2);
}