/* LGO Design System — tokens (ตาม Design Brief 2026-07-31 + Boss Decisions)
   ห้าม hardcode สี/ระยะใน template — ใช้ตัวแปรจากไฟล์นี้เท่านั้น */
:root {
  /* Colors */
  --c-primary: #0F766E;         /* teal — พื้นผิวใหญ่/แถบ/ไอคอน */
  --c-primary-strong: #115E59;  /* ปุ่ม primary + ลิงก์ตัวเล็ก (AA ไม่เฉียด — Boss #2) */
  --c-primary-tint: #F0FDFA;
  --c-navy: #1E3A5F;
  --c-accent: #D97706;
  --c-bg: #FAFAF9;
  --c-surface: #FFFFFF;
  --c-text: #1C1917;
  --c-muted: #57534E;
  --c-border: #E7E5E4;
  --c-success: #15803D;
  --c-warning: #B45309;
  --c-error: #B91C1C;
  --c-info: #0369A1;

  /* Typography — Noto Sans Thai ตระกูลเดียวใน scaffold (Boss #3) */
  --font-body: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;
  --text-xs: 12px; --text-sm: 14px; --text-base: 16px;
  --text-lg: 18px; --text-xl: 20px; --text-2xl: 24px; --text-3xl: 30px;

  /* Spacing (8px grid) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px;

  /* Radius + border (1px border แทนเงาหนัก) */
  --r-md: 8px; --r-lg: 12px; --r-xl: 16px;
  --shadow-soft: 0 1px 3px rgba(28, 25, 23, .08);

  /* Interaction */
  --focus-ring: 0 0 0 2px var(--c-surface), 0 0 0 4px var(--c-primary-strong);
  --tap-min: 44px;   /* target ≥44px ทุกปุ่ม */
}

/* Provenance chips — dot + tint 12% + full-color text (WCAG 1.4.1 ไม่พึ่งสีเดียว) */
:root {
  --prov-verified: var(--c-success);
  --prov-sourced: var(--c-info);
  --prov-suspected: var(--c-warning);
  --prov-ai: #7C3AED;
}