@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Work+Sans:wght@400;500;600;700&family=Noto+Serif+Lao:wght@400;600;700&display=swap');

:root{
  /* Colors — Tamnak Lao design system */
  --sage-50:#F3F5EE;--sage-100:#E3E9D8;--sage-200:#CAD5B4;--sage-300:#AEBD92;--sage-400:#8FA372;--sage-500:#708658;--sage-600:#5C6F47;--sage-700:#495838;--sage-800:#38442B;--sage-900:#262E1E;
  --gold-50:#FBF6E9;--gold-100:#F5EACB;--gold-200:#EBD9A0;--gold-300:#DFC077;--gold-400:#D4AD56;--gold-500:#C6963A;--gold-600:#A97A2C;--gold-700:#875F23;--gold-800:#63451A;--gold-900:#402C10;
  --clay-50:#FBF1E8;--clay-300:#D89A6B;--clay-500:#B0602E;
  --neutral-50:#FBF8F2;--neutral-100:#F3EDE1;--neutral-200:#E6DCC8;--neutral-300:#D3C4A8;--neutral-500:#8F7D62;--neutral-600:#6E5F48;--neutral-700:#524636;--neutral-800:#372F25;--neutral-900:#211C15;
  --white:#FFFFFF;

  --text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-on-dark:var(--gold-100);--text-on-primary:var(--white);
  --surface-page:var(--neutral-50);--surface-card:var(--white);--surface-sunken:var(--neutral-100);--surface-dark:var(--sage-900);
  --border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--sage-600);
  --brand-primary:var(--sage-600);--brand-primary-hover:var(--sage-700);--brand-primary-active:var(--sage-800);
  --brand-accent:var(--gold-500);--brand-accent-hover:var(--gold-600);--brand-accent-soft:var(--gold-100);
  --focus-ring:var(--gold-400);
  --shadow-color:38 32 20;

  /* Type */
  --font-display:'Marcellus','Noto Serif Lao',Georgia,serif;
  --font-body:'Work Sans','Noto Serif Lao',-apple-system,sans-serif;
  --font-lao:'Noto Serif Lao',var(--font-display);
  --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;
  --leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.75;
  --tracking-wide:0.04em;--tracking-wider:0.12em;--tracking-widest:0.22em;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  /* Spacing / radius / shadow */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:999px;
  --shadow-sm:0 1px 2px rgb(var(--shadow-color)/0.08);
  --shadow-md:0 4px 14px rgb(var(--shadow-color)/0.10),0 1px 3px rgb(var(--shadow-color)/0.08);
  --shadow-lg:0 16px 40px rgb(var(--shadow-color)/0.16),0 4px 10px rgb(var(--shadow-color)/0.08);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --duration-fast:120ms;--duration-normal:220ms;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}