/* SCG95 design tokens (mockup) — colors follow the SCG95 logo:
   lime green (main) + navy (secondary) + red / cyan dots (small accents) */
:root {
  /* brand */
  --c-primary: #2e7d10;      /* deep green: buttons, links — white text 5:1 contrast */
  --c-primary-700: #22610a;
  --c-primary-900: #1d3567;  /* logo navy: topbar, footer, dark bands */
  --c-primary-100: #e2f1c6;
  --c-primary-50: #f2f8e4;
  --c-accent: #9fcb3b;       /* logo lime: highlight CTAs (navy text on top) */
  --c-accent-600: #5f8f17;
  --c-accent-50: #f2f8e4;
  --c-yellow: #ffcf3d;
  --c-navy: #1d3567;
  --c-red: #e8392e;          /* logo red dot */
  --c-cyan: #22b2d3;
  --c-line-green: #06c755;  /* ปุ่ม LINE (สีแบรนด์ LINE) */         /* logo cyan dot */

  /* neutrals (navy-tinted to match the logo) */
  --c-ink: #18264a;
  --c-ink-2: #3a4763;
  --c-muted: #66708a;
  --c-line: #e1e6ee;
  --c-bg: #f6f8f3;
  --c-surface: #ffffff;

  /* status */
  --c-sale: #e8392e;
  --c-ok: #2e7d10;
  --c-info: #1d9ec0;
  --c-warn: #e9a100;

  /* type */
  --font-head: "Prompt", "Sarabun", system-ui, sans-serif;
  --font-body: "Sarabun", "Prompt", system-ui, sans-serif; /* ข้อความทั่วไป: อ่านง่าย · หัวข้อ / ปุ่ม / ป้าย = Prompt */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 46px;

  /* shape */
  --r-sm: 8px;
  --r: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(24, 38, 74, .06), 0 1px 3px rgba(24, 38, 74, .06);
  --shadow: 0 6px 20px rgba(24, 38, 74, .08);
  --shadow-lg: 0 18px 50px rgba(24, 38, 74, .14);

  /* layout */
  --container: 1240px;
  --gutter: 20px;
}