:root {
  --color-brand:#131922;
  --color-brand-hover:#2b313b;
  --color-ink:#2b313b;
  --color-text:#50555e;
  --color-text-on-brand:#e4e8ef;
  --color-white:#ffffff;
  --color-canvas:#f5f5f3;
  --color-surface:#f5f5f5;
  --color-surface-blue:#eeeeee;
  --color-line:#e4e8ef;
  --color-accent:#50555e;
  --color-gold:#737373;
  --font-body:'Noto Sans Thai',sans-serif;
  --font-latin:'Noto Sans Thai',sans-serif;
  --text-caption:clamp(.75rem,.7rem + .12vw,.875rem);
  --text-small:clamp(.8125rem,.7625rem + .12vw,.9375rem);
  --text-ui:clamp(.875rem,.8rem + .16vw,1rem);
  --text-body:clamp(1rem,.875rem + .25vw,1.125rem);
  --text-lead:clamp(1.125rem,1rem + .35vw,1.375rem);
  --text-h3:clamp(1.25rem,1.05rem + .5vw,1.75rem);
  --text-h2:clamp(1.75rem,.25rem + 3.5vw,3.25rem);
  --text-display:clamp(2.125rem,.5rem + 4vw,4rem);
  --leading-body:1.8;
  --leading-heading:1.45;
  --measure-copy:68ch;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;
  --radius-control:999px;
  --radius-panel:24px;
  --radius-card:12px;
  --shadow-float:0 12px 32px rgba(19,25,34,.08);
  --shadow-card:0 2px 4px rgba(0,0,0,.08);
  --section-space:clamp(4rem,7.5vw,7.5rem);
  --container:1280px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --duration-fast:200ms;
  --duration-reveal:900ms;
}