/* Design tokens — ported from the KA design system used by the original static build. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Anuphan:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
--obsidian:#0B0B0D;--graphite:#1D1D22;--facet:#26262C;--line:#33333A;
--copper:#C1712F;--copper-light:#E09A5C;--bronze:#7A4A26;
--bone:#F2EFEA;--mist:#A9A49B;
--danger:#C97B7B;--danger-dim:#6E3B3B;
--bg-canvas:var(--obsidian);--bg-surface:var(--graphite);--bg-surface-2:var(--facet);
--border-default:var(--line);
--text-primary:var(--bone);--text-secondary:var(--mist);--text-accent:var(--copper-light);
--accent:var(--copper);--accent-strong:var(--copper-light);--accent-dim:var(--bronze);
--focus-ring:var(--copper-light);

--font-sans:'Space Grotesk','Anuphan',sans-serif;
--font-sans-thai:'Anuphan',sans-serif;
--font-sans-thai-looped:'Anuphan','Anuphan',sans-serif;
--font-mono:'JetBrains Mono',monospace;
--fs-display:clamp(44px,7vw,84px);
--fs-h1:clamp(32px,4.5vw,52px);
--fs-h2:28px;--fs-h3:19px;
--fs-body:16px;--fs-body-sm:14px;--fs-caption:11.5px;--fs-mono:12px;
--lh-tight:1.05;--lh-body:1.6;--lh-body-thai:1.85;
--ls-tight:-0.02em;--ls-mono:0.2em;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;

--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;
--radius-sm:0px;--radius-md:2px;--radius-lg:4px;
--shadow-card:none;
--section-pad-y:84px;--page-max-w:1080px;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
.th{font-family:var(--font-sans-thai-looped);line-height:var(--lh-body-thai)}
a{color:var(--text-accent)}
a:hover{color:var(--copper)}
.facet-line{height:2px;border:none;margin:0;background:linear-gradient(100deg,transparent 0%,var(--bronze) 18%,var(--copper) 42%,var(--copper-light) 50%,var(--copper) 58%,var(--bronze) 82%,transparent 100%)}