:root{
  --color-paper:oklch(15% .006 75);
  --color-paper-2:oklch(19% .008 75);
  --color-ink:oklch(96% .012 85);
  --color-ink-2:oklch(68% .012 85);
  --color-rule:oklch(96% .012 85 / .16);
  --color-accent:oklch(59% .135 38);
  --color-accent-surface:oklch(57% .135 38);
  --color-accent-ink:oklch(99% .005 85);
  --color-focus:oklch(76% .14 65);
  --color-ivory:oklch(92% .018 85);
  --color-ink-deep:oklch(18% .008 75);
  --color-copy-dark:oklch(35% .012 75);
  --color-rule-dark:oklch(22% .012 75 / .22);
  --color-grid-dark:oklch(22% .012 75 / .12);
  --color-border-dark:oklch(22% .012 75 / .25);
  --color-border-dark-strong:oklch(22% .012 75 / .28);
  --color-overlay:oklch(8% .004 75 / .96);
  --color-surface-deep:oklch(17% .008 75);
  --color-surface-deeper:oklch(12% .006 75);
  --color-copy-light:oklch(87% .012 85);
  --color-copy-dark-2:oklch(31% .014 75);
  --color-copy-dark-3:oklch(40% .016 75);
  --color-line-brand:oklch(64% .204 145);
  --color-line-brand-hover:oklch(58% .19 145);
  --color-white:oklch(99% .005 85);
  --color-header:oklch(15% .006 75 / .82);
  --shadow-fab:0 6px 22px oklch(10% .006 75 / .4);
  --font-display:"Anton",sans-serif;
  --font-body:"Archivo","Anuphan",system-ui,sans-serif;
  --font-thai:"Anuphan","Archivo",sans-serif;
  --font-outlier:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --space-3xs:.25rem;
  --space-2xs:.5rem;
  --space-xs:.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4.5rem;
  --space-3xl:7rem;
  --text-xs:.75rem;
  --text-sm:.875rem;
  --text-md:1.125rem;
  --text-lg:1.375rem;
  --text-xl:1.75rem;
  --text-2xl:2.25rem;
  --text-display:clamp(4.5rem,20vw,17rem);
  --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-short:180ms;
  --dur-medium:320ms;
  --dur-long:520ms;
  --dur-micro:120ms;
  --rule-thin:1px;
  --radius-card:0;
  --radius-pill:999px;
  --radius-input:0;
  --header-offset:5.5rem;
}