/* InvestorStack design tokens — ใช้ร่วมกันทั้งหน้าขาย (site.css) และหน้าหลังชำระเงิน (enroll.css)
   เปลี่ยนสีแบรนด์ / ฟอนต์ ที่ไฟล์นี้ไฟล์เดียว */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Brand */
  --brand: #14294A;
  --brand-700: #0E1D36;
  --brand-600: #1C3A66;
  --brand-500: #274D80;
  --brand-300: #7589AC;
  --brand-100: #D5DEEC;
  --brand-50: #EAEFF6;

  /* Accent (gold) — ใช้น้อยๆ เป็นจุดเน้น */
  --gold: #B5862F;
  --gold-600: #976E22;
  --gold-soft: #E4CF95;
  --gold-wash: #F6EFDC;

  /* Warm neutrals */
  --paper: #FAF8F2;
  --paper-2: #F3F0E7;
  --surface: #FFFFFF;
  --surface-2: #FBFAF6;
  --ink: #16140F;
  --ink-2: #4C473C;
  --ink-3: #847D6D;
  --ink-4: #ADA694;
  --line: #E6E0D2;
  --line-2: #D6CFBC;
  --line-3: #C4BBA3;

  /* Semantic */
  --up: #0E7C4F;
  --up-wash: #E5F2EB;
  --down: #C23B30;
  --down-wash: #FAE9E7;
  --warn: #B07914;
  --warn-wash: #F7EDD7;

  /* Type — Poppins (ละติน) + Prompt (ไทย), IBM Plex Mono สำหรับตัวเลข/ราคา */
  --font-sans: 'Poppins', 'Prompt', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Radii */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Shadows (warm, restrained) */
  --shadow-sm: 0 1px 2px rgba(24, 20, 12, 0.06), 0 1px 1px rgba(24, 20, 12, 0.04);
  --shadow: 0 2px 4px rgba(24, 20, 12, 0.05), 0 4px 12px rgba(24, 20, 12, 0.06);
  --shadow-lg: 0 8px 24px rgba(24, 20, 12, 0.08), 0 2px 6px rgba(24, 20, 12, 0.05);
  --shadow-xl: 0 24px 60px rgba(20, 30, 50, 0.16), 0 6px 18px rgba(24, 20, 12, 0.08);
  --ring-focus: 0 0 0 3px rgba(181, 134, 47, 0.30);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}