/* tokens — ธีม "deep navy arcade" (สกุลร้านเติมเกม: น้ำเงินเข้ม + เหลือง CTA)
   ค่าทั้งหมดเป็นของเราเอง — จูนให้ mood เดียวกับร้านเติมเกมชั้นนำในตลาด */
:root {
  /* surfaces — น้ำเงินกรมท่าไล่ชั้น */
  --bg: oklch(24% 0.052 255);
  --bg-deep: oklch(19% 0.045 256);
  --surface: oklch(29% 0.058 252);
  --surface-2: oklch(33% 0.062 250);
  --surface-3: oklch(38% 0.066 248);
  --line: oklch(52% 0.1 245 / 0.5);
  --line-strong: oklch(60% 0.12 240 / 0.75);

  /* text */
  --text: oklch(97% 0.008 250);
  --text-dim: oklch(80% 0.03 250);
  --text-mute: oklch(66% 0.04 250);

  /* brand accents — เหลืองทอง CTA + ฟ้า info + แดงส้ม deal */
  --gold: oklch(86% 0.165 92);
  --gold-deep: oklch(76% 0.16 80);
  --cyan: oklch(80% 0.11 220);
  --violet: oklch(65% 0.19 295);
  --hot: oklch(62% 0.215 32);
  --ok: oklch(75% 0.16 155);

  /* type — Noto Sans Thai ทั้งระบบ */
  --font: "Noto Sans Thai", system-ui, -apple-system, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --text-hero: clamp(1.6rem, 1.2rem + 2vw, 2.5rem);

  /* space + radius */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-section: clamp(2.25rem, 1.75rem + 2vw, 3.75rem);
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* elevation + motion */
  --glow-gold: 0 0 22px oklch(86% 0.165 92 / 0.28);
  --shadow-card: 0 4px 18px oklch(12% 0.04 255 / 0.5);
  --dur-fast: 150ms;
  --dur: 280ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* layout */
  --page-max: 1240px;
  --nav-h: 64px;
}