:root {
  --color-paper: #fff9ef;
  --color-paper-2: #f7efe3;
  --color-paper-3: #ede1d1;
  --color-ink: #2c2118;
  --color-muted: #766a5e;
  --color-rule: #e8ded0;
  --color-accent: #c89224;
  --color-accent-deep: #9f6c10;
  --color-accent-ink: var(--color-ink);
  --color-success: #37794d;
  --color-success-bg: #e8f4e9;
  --color-focus: var(--color-ink);
  --color-overlay: rgb(44 33 24 / 35%);
  --color-shadow: rgb(44 33 24 / 9%);
  --color-hero-fade: rgb(255 249 239 / 72%);
  --color-hero-fade-clear: rgb(255 249 239 / 4%);
  --font-display: "Plus Jakarta Sans", "Noto Sans Lao", sans-serif;
  --font-body: "Noto Sans Lao", "Noto Sans Thai", "Plus Jakarta Sans", sans-serif;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem;
  --radius-sm: .75rem; --radius-md: 1rem; --radius-lg: 1.5rem; --radius-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --dur-short: 160ms; --dur-medium: 260ms;
  --rule: 1px solid var(--color-rule);
}