/* LVMH Group — token ของธีม (ชื่อเดียวกับ SCG95 · ต่างแค่ค่า) · ui/README.md "Token ความหมาย"
 * สีทุกสีของเว็บอยู่ที่นี่ที่เดียว · CSS อื่นใช้ var() เท่านั้น */
:root {
  --c-navy-900: #04142f;
  --c-navy: #08285a;
  --c-navy-700: #0e3a73;
  --c-blue: #1452a0;
  --c-blue-600: #0f4285;
  --c-blue-50: #eaf2fd;
  --c-blue-100: #d3e4fa;
  --c-accent: #f57c1f;  /* accent orange */
  --c-accent-50: #fff1e5;
  --c-teal: #0f7a6c;
  --c-teal-50: #e3f1ee;

  --c-ink: #111a26;
  --c-ink-2: #34404f;
  --c-muted: #667385;
  --c-line: #dfe2e6;
  --c-line-2: #ecedef;
  --c-bg: #f5f4f0;
  --c-surface: #ffffff;
  --c-danger: #b93a2e;
  /* บนพื้นเข้ม (navy) · ม็อกอัปใช้หลายเฉดใกล้กัน รวมเป็นชุดนี้ */
  --c-on-dark: #ffffff;
  --c-on-dark-2: #c4d2e4;   /* ข้อความรอง */
  --c-on-dark-3: #a9b8cb;   /* ข้อความจาง / เส้นทาง */
  --c-link-on-dark: #9cc0ea;
  --c-ok-on-dark: #6fd3c4;
  --c-accent-on-dark: #ffa25a;
  --c-line-green: #06c755;  /* ปุ่ม LINE (สีแบรนด์ LINE · ชื่อเดียวกับที่ ui ใช้) */
  --c-line-green-700: #05a548;

  --font-head: "Manrope", "Noto Sans Thai", system-ui, sans-serif;
  --font-body: "Manrope", "Noto Sans Thai", system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 34px;
  --fs-3xl: 44px;
  --fs-4xl: 60px;

  --r-sm: 2px;
  --r: 2px;
  --r-lg: 3px;
  --shadow-sm: 0 1px 2px rgba(17, 26, 38, .06);
  --shadow: 0 10px 30px rgba(17, 26, 38, .08);
  --shadow-lg: 0 24px 60px rgba(17, 26, 38, .16);

  --container: 1320px;
  --gutter: 28px;

  /* สถานะ (ชื่อที่ ui/ ใช้) */
  --c-ok: var(--c-teal);
  --c-warn: #b4520c;
  --c-info: var(--c-blue);

  /* token ความหมายของ ui/: สีหลัก = กรมท่า · ปุ่มสำคัญ = ส้ม · มุมเหลี่ยม 2px */
  --ui-primary: var(--c-navy);
  --ui-primary-hover: var(--c-navy-900);
  --ui-primary-soft: var(--c-blue-50);
  --ui-on-primary: var(--c-surface);
  --ui-cta: var(--c-accent);
  --ui-cta-hover: color-mix(in srgb, var(--c-accent) 88%, #000); /* ม็อกอัป: ส้มเข้มขึ้นเล็กน้อย */
  --ui-danger: var(--c-danger);
  --ui-ok: var(--c-ok);
  --ui-warn: var(--c-warn);
  --ui-info: var(--c-info);
  --ui-hot: var(--c-accent);
  --ui-radius-control: var(--r);
  --ui-radius-box: var(--r-lg);
  --r-pill: var(--r);
  --ui-section: 88px;
  --lh-body: 1.65;   /* ทับค่ากลางของ ui/base.css */
  --lh-tight: 1.22;
}