/*
 * Jikun Design Tokens — v1.0.0
 * Source: design-preview/jikun-home-th.html
 * Requirements: BRAND-02
 *
 * 21 colour tokens: Primary(6) / Accent(3) / Text(4) / Surface(5) / Semantic(3)
 * + font stacks, 8-point spacing scale, type scale
 */
:root {

  /* ── Primary ──────────────────────────────── */
  --primary:        #3944bc;
  --primary-hover:  #2A338F;
  --primary-active: #1F267A;
  --primary-50:     #EEF0FB;
  --primary-100:    #D7DCF4;
  --primary-200:    #B4BDE9;

  /* ── Accent / CTA ─────────────────────────── */
  --accent:         #F59E0B;
  --accent-hover:   #D97706;
  --accent-50:      #FEF3C7;

  /* ── Text ─────────────────────────────────── */
  --text-title:     #111827;
  --text-body:      #374151;
  --text-muted:     #6B7280;
  --text-disabled:  #9CA3AF;

  /* ── Surface ──────────────────────────────── */
  --bg-white:       #FFFFFF;
  --bg-subtle:      #F9FAFB;
  --bg-section:     #F3F4F6;
  --border:         #E5E7EB;
  --dark:           #0F1729;

  /* ── Semantic ─────────────────────────────── */
  --success:        #10B981;
  --warning:        #F59E0B;
  --error:          #DC2626;

  /* ── Fonts ────────────────────────────────── */
  --font-th-body: 'Sarabun', sans-serif;   /* TH body */
  --font-th-head: 'Prompt', sans-serif;    /* TH headings */
  --font-en:      'Poppins', sans-serif;   /* EN headings / display */
  --font-en-body: 'Inter', sans-serif;     /* EN body — BRAND-03 */

  /* ── Spacing (8-point scale) ──────────────── */
  --sp1: 4px;
  --sp2: 8px;
  --sp3: 16px;
  --sp4: 24px;
  --sp5: 32px;
  --sp6: 48px;
  --sp7: 64px;

  /* ── Type scale ───────────────────────────── */
  --text-xs:  12px;
  --text-sm:  14px;
  --text-md:  16px;
  --text-lg:  18px;
  --text-xl:  20px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
}
