/* ═══ GADEGLAO OS — Design Tokens (จาก Brand Identity System v1.0) ═══ */
:root{
  /* แบรนด์ */
  --rose:#b76e79; --rose-deep:#8f4f5c; --rose-soft:#e9c6c9; --rose-tint:#f6dcde;
  --gold:#c9a227; --gold-soft:#f5e9c8;
  --marsh:#4e7c7b;                    /* เขียวบึง — ใช้เฉพาะเรื่องท้องถิ่น */
  --cream:#fffaf7; --blush:#fdf4f2; --plane:#f7f1ee;
  --ink:#3d2c31; --ink-2:#7a6870; --ink-3:#a7959c; --ink-4:#c9bcc0;

  /* สถานะ */
  --good:#2f8f5b; --good-bg:#eaf6ee;
  --warn:#c98a12; --warn-bg:#fdf4e3;
  --alert:#c0453f; --alert-bg:#fdeceb;
  --info:#3a6ea5; --info-bg:#eaf1f8;

  /* เส้น เงา มุม */
  --line:rgba(183,110,121,.16);
  --line-2:rgba(183,110,121,.32);
  --sh-1:0 1px 3px rgba(143,79,92,.07);
  --sh-2:0 4px 18px rgba(143,79,92,.10);
  --sh-3:0 12px 44px rgba(143,79,92,.18);
  --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:26px; --r-full:999px;

  /* ระยะ */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:22px; --s6:30px; --s7:42px;

  /* ตัวอักษร */
  --f-head:"Trirong","Noto Serif Thai",Georgia,serif;
  --f-body:"IBM Plex Sans Thai",system-ui,-apple-system,"Noto Sans Thai",sans-serif;
  --f-num:"IBM Plex Sans Thai",ui-monospace,system-ui,sans-serif;

  /* โครง */
  --navh:64px;                        /* แถบล่าง */
  --toph:56px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
  --maxw:760px;                       /* จำกัดความกว้างบนคอมให้อ่านสบาย */
}