:root{
  --color-ink:oklch(16% .035 264);
  --color-white:oklch(99% .005 264);
  --color-soft:oklch(94% .012 264);
  --color-blue:oklch(48% .25 266);
  --color-blue-dark:oklch(33% .20 266);
  --color-red:oklch(63% .23 28);
  --color-yellow:oklch(88% .18 95);
  --color-line:oklch(16% .035 264 / .22);
  --color-focus:oklch(78% .16 210);
  --color-accent-ink:var(--color-ink);
  --font-display:"Bai Jamjuree",sans-serif;
  --font-body:"Thasadith",sans-serif;
  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:40px;
  --space-2xl:64px;
  --space-3xl:96px;
  --text-sm:.78rem;
  --text-body:1.05rem;
  --text-lg:1.25rem;
  --text-xl:clamp(2rem,4vw,4.5rem);
  --text-display:clamp(3.4rem,9vw,7.4rem);
  --rule:1px solid var(--color-ink);
  --radius-sm:4px;
  --radius-md:12px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:140ms;
  --dur-base:280ms;
}