/* หน้าขาย — โทนสว่าง เรียบ (แนว Apple) · ฟอนต์ IBM Plex Sans Thai (OFL) เก็บในเครื่อง
   ใช้ร่วมกับโบรชัวร์และอินโฟกราฟิก (marketing/infographics) */
@font-face { font-family: "Plex Thai"; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-thai-400-thai.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "Plex Thai"; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-thai-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0E3F; }
@font-face { font-family: "Plex Thai"; font-weight: 500; font-display: swap; src: url(fonts/ibm-plex-sans-thai-500-thai.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "Plex Thai"; font-weight: 500; font-display: swap; src: url(fonts/ibm-plex-sans-thai-500-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0E3F; }
@font-face { font-family: "Plex Thai"; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-thai-600-thai.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "Plex Thai"; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-thai-600-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0E3F; }
@font-face { font-family: "Plex Thai"; font-weight: 700; font-display: swap; src: url(fonts/ibm-plex-sans-thai-700-thai.woff2) format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "Plex Thai"; font-weight: 700; font-display: swap; src: url(fonts/ibm-plex-sans-thai-700-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0E3F; }

:root {
  color-scheme: light;
  --font: "Plex Thai", -apple-system, "Helvetica Neue", "Thonburi", sans-serif;

  --bg: #FFFFFF;
  --bg-alt: #F5F5F7;      /* แถบสลับ */
  --bg-dark: #111113;     /* แถบตัวเลข */
  --ink: #1D1D1F;         /* ตัวอักษรหลัก 16.9:1 บนขาว */
  --ink-2: #5E5E64;       /* ตัวรอง 6.4:1 บนขาว · 5.9:1 บน --bg-alt */
  --ink-3: #86868B;       /* เฉพาะตัวเล็กมากที่ไม่สำคัญ (≥ 3:1) */
  --line: #E3E3E8;
  --on-dark: #F5F5F7;
  --on-dark-2: #A1A1A6;   /* 7.6:1 บน --bg-dark */

  --accent: #8C2F55;      /* สีหลักสีเดียว (ชมพูเข้มหม่น) 8.3:1 บนขาว */
  --accent-soft: #F6EDF1;
  --accent-on-dark: #E8A6C0;

  --radius: 18px;
  --radius-lg: 28px;
  --max: 1120px;
  --shadow: 0 30px 60px -30px rgba(0, 0, 0, .35), 0 12px 24px -12px rgba(0, 0, 0, .18);
}