/* Site ทดสอบเท่านั้น: โทนเขียวหม่นและตัวอักษรอ่านง่ายตามคำขอ 8 พ.ย. 2569
 * ไม่แก้ต้นฉบับของทีมใน GitHub; บันทึกการปรับและผลตรวจอยู่ใน VISUAL-CHANGES.md
 * สีของคอมโพเนนต์อ้าง token ที่นี่ ขนาดขั้นต่ำและสี QR เดิมยังคงใช้ */
:root {
  /* สี — โทนเขียวจากต้นแบบของ Rossatorn (SE-Project 26 ต.ค. 2569) · ตัวเลข contrast ใน design-system.md §2 */
  --text: #29362E;
  --text-muted: #536052;
  --bg: #F5F6F0;
  --surface: #E6EBE1;
  --bg-grad-1: #E9EDE4;
  --bg-grad-2: #E2E7DC;
  --primary: #42664C;
  --accent: #3C6148;
  --accent-soft: #DAE4D3;
  --hero-bg: #D3DECB;
  --hero-text: #294A34;
  --taken: #42664C;
  --notyet: #91483F;
  --warn-bg: #EEE5CB;
  --warn-text: #665323;
  --fresh: #CCDCC4;
  --on-color: #FFFFFF;
  --qr-dark: #000000;      /* QR ต้องดำบนขาวเสมอ (ทั้งโหมดสว่าง/มืด) — แอปกล้องอ่าน QR สีกลับไม่ได้ */
  --qr-light: #FFFFFF;     /* ตัวอักษรบนปุ่มสี */
  --shadow: 0 3px 0 #CDD5C7;
  /* มาสคอต "เมล็ดพีช" — ตัวละครต้นฉบับของ Rossatorn (ต้นแบบ 26 ต.ค. 2569) ใช้ตกแต่งเท่านั้น ไม่สื่อความหมาย ไม่ใช่รูปยา */
  --mascot-line: #204D39;
  --mascot-body: #F2C9A0;
  --mascot-shine: #FFEDD7;
  --mascot-leaf: #739E54;
  --mascot-leaf-2: #BDCEA4;
  --mascot-cheek: #E6A583;
  --mascot-shadow: rgba(22, 76, 59, 0.09);
  /* ตัวอักษร (NFR-03) */
  --fs-body: 18px;
  --fs-med-name: 24px;
  --fs-h1: 28px;
  --fs-h2: 22px;
  --fs-tab: 18px;          /* ข้อความใต้ไอคอนแถบล่างของผู้สูงอายุ: เล็กกว่าตัวอักษรหลักเมื่อขยาย แต่ไม่ต่ำกว่า 18px (NFR-03) */
  --font: "Sarabun", system-ui, "Noto Sans Thai", sans-serif; /* Sarabun (OFL) โหลดจากไฟล์ในเครื่อง ไม่ใช้ฟอนต์จากเน็ต */
  /* ขนาดปุ่ม (NFR-03) */
  --btn-h: 64px;           /* ปุ่ม กินแล้ว / ยังไม่กิน อย่างน้อย */
  --tap-min: 48px;         /* พื้นที่แตะอื่นอย่างน้อย */
  /* ระยะและมุม */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --radius: 16px;
  --radius-lg: 24px;
  /* ธีมน่ารัก (7 พ.ย. 2569 ตามแคนวาสที่ทีมแก้): พื้นครีมโทนเนื้อ การ์ดขาวมีขอบ · สีสถานะ ตัวอักษรบนพื้นสถานะ ≥ 4.5:1 ทุกคู่ */
  --line: #B8C2B0;
  --field-line: #788873;
  --ok-bg: #D8E4D1; --ok-line: #9DB38F; --ok-text: #2D4B32;
  --no-bg: #EEDDD7; --no-line: #C69A8D; --no-text: #743E34;
  --wait-bg: #EEE5CB; --wait-line: #BEAA70; --wait-text: #665323;
  --eve-bg: #E3DEEB; --eve-line: #AEA0C4; --eve-text: #51446C;
  --late-bg: #E9DDAF;
  --alert-bg: #E8CEC4; --alert-text: #63382C;
  --font-head: var(--font);
}

/* ---------- ตั้งค่าการแสดงผล (หน้าตั้งค่า S-04 / C-09) — ตั้งรายเครื่อง ผ่าน data-size / data-theme บนจอมือถือ ----------
 * ทุกระดับไม่ต่ำกว่าเกณฑ์ NFR-03 (ตัวอักษร ≥ 18px · ชื่อยา ≥ 24px · ปุ่มกิน ≥ 64px) — ระดับ "ปกติ" คือค่าใน :root ด้านบน */
[data-size="large"] {
  --fs-body: 22px; --fs-med-name: 30px; --fs-h1: 32px; --fs-h2: 26px; --fs-tab: 19px;
  --btn-h: 72px; --tap-min: 56px;
}
[data-size="xlarge"] {
  --fs-body: 26px; --fs-med-name: 34px; --fs-h1: 36px; --fs-h2: 30px; --fs-tab: 20px;
  --btn-h: 80px; --tap-min: 64px;
}
/* โหมดมืด: พื้นเข้มและสีสถานะหม่น ใช้สีข้อความคู่กัน */
[data-theme="dark"] {
  --text: #E3EAE0;
  --text-muted: #B7C4B5;
  --bg: #1D2A22;
  --surface: #29382D;
  --bg-grad-1: #121D17;
  --bg-grad-2: #17231B;
  --primary: #A3C4A4;
  --accent: #B2CCAA;
  --accent-soft: #314836;
  --hero-bg: #2D4132;
  --hero-text: #E3EBDD;
  --taken: #A3C4A4;
  --notyet: #D8ABA0;
  --warn-bg: #3A3425;
  --warn-text: #E7D8B5;
  --fresh: #293E2E;
  --on-color: #15221A;
  --shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
  --line: #465949; --field-line: #829982;
  --ok-bg: #293E2E; --ok-line: #647E5E; --ok-text: #D2E4C8;
  --no-bg: #422F2B; --no-line: #9F7769; --no-text: #ECD1C6;
  --wait-bg: #3A3425; --wait-line: #95845C; --wait-text: #E7D8B5;
  --eve-bg: #353043; --eve-line: #807293; --eve-text: #DED3EB;
  --late-bg: #403923; --alert-bg: #49332C; --alert-text: #F0D8CD;
}