/* tokens.css — design tokens จาก mockup (แหล่งความจริงของสี/ระยะ)
   ห้าม hardcode สีในหน้าอื่น ให้ใช้ var() เหล่านี้เสมอ
   accent เปลี่ยนตาม data-theme, สว่าง/มืดตาม data-mode, ขนาดตัวอักษรตาม data-fontscale */

:root {
  /* กลาง (light) */
  --paper:#f3f4f6; --surface:#fff; --ink:#191a1e; --ink-soft:#5b5e68;
  --ink-faint:#989ba4; --line:#e5e7eb;

  /* 5 หมวดสี (คงที่ ไม่เปลี่ยนตาม accent) */
  --prod-bg:#eef2f7; --prod-fg:#3d5872;
  --money-bg:#e8f3ec; --money-fg:#2f6b46;
  --body-bg:#fdefe6; --body-fg:#b6552f;
  --priv-bg:#eeecf7; --priv-fg:#4c4080;
  --life-bg:#fbf2df; --life-fg:#946611;

  --radius:22px; --tile:64px;

  /* accent เริ่มต้น = ember (ส้มแบรนด์) */
  --accent:#e0562b; --accent-ink:#b8431f; --accent-soft:#fceee7; --accent-lt:#f2794f;
  --today-a:#fdf2ec; --today-b:#fbeee6; --today-bd:#f3ddd1;

  /* danger (จุดแดง "ยา" — สัญญาณเตือน แยกจาก accent) */
  --danger:#d9483b;

  /* ขนาดตัวอักษรฐาน (data-fontscale ปรับตัวคูณ) */
  --fs-scale:1;
}

/* ---- accent 5 ธีม (สลับที่ระดับสี accent เท่านั้น) ---- */
[data-theme="teal"]   {--accent:#12795f;--accent-ink:#0c5c48;--accent-soft:#e2f0ea;--accent-lt:#43b491;--today-a:#ebf4ef;--today-b:#e5f0ea;--today-bd:#d4e6dd}
[data-theme="navy"]   {--accent:#22528f;--accent-ink:#173d6b;--accent-soft:#e8eef7;--accent-lt:#6ba1e2;--today-a:#eef3fa;--today-b:#e7eef8;--today-bd:#d4e0f0}
[data-theme="plum"]   {--accent:#9c3d64;--accent-ink:#7c2f4e;--accent-soft:#f6e7ee;--accent-lt:#d27ba2;--today-a:#f8edf2;--today-b:#f3e5ec;--today-bd:#ecd5e0}
[data-theme="indigo"] {--accent:#4b45a2;--accent-ink:#383191;--accent-soft:#ecebf8;--accent-lt:#8a85e3;--today-a:#eeedf9;--today-b:#e7e6f5;--today-bd:#dbd9ef}

/* ---- โหมดมืด (สลับชุด neutral + ปรับ tint หมวดให้เข้ากับพื้นมืด) ---- */
[data-mode="dark"] {
  --paper:#15161a; --surface:#1e1f25; --ink:#f0f1f4; --ink-soft:#a9acb5;
  --ink-faint:#6f727c; --line:#2c2e36;

  --prod-bg:#20262f; --prod-fg:#9db6d1;
  --money-bg:#1d2a23; --money-fg:#7fc79c;
  --body-bg:#2c2018; --body-fg:#e0a079;
  --priv-bg:#232030; --priv-fg:#b0a6e0;
  --life-bg:#2a2416; --life-fg:#d9b866;

  --accent-soft:#2a211d; --today-a:#20211f; --today-b:#1c1d1b; --today-bd:#2c2e36;
}

/* ---- ขนาดตัวอักษร 4 ระดับ (ทั้งเว็บ) — tile ไอคอนขยายตามด้วย ---- */
[data-fontscale="large"]   { --fs-scale:1.12; --tile:74px; }
[data-fontscale="xlarge"]  { --fs-scale:1.28; --tile:92px; }
[data-fontscale="xxlarge"] { --fs-scale:1.5;  --tile:104px; }   /* ใหญ่ที่สุด — ผู้สูงอายุ (104px = 3 คอลัมน์พอดีบนจอมือถือ) */