:root {
  --color-accent: #00d632;
  --color-accent-strong: #00b82b;
  --color-ink: #111111;
  --color-paper: #f7f7f2;
  --color-white: #ffffff;
  --color-muted-on-light: #575752;
  --color-muted-on-dark: #c6c6bf;
  --color-lilac: #ded7ff;
  --color-sky: #d8efff;
  --color-peach: #ffd9c8;
  --color-line-on-light: rgb(17 17 17 / 14%);
  --color-line-on-dark: rgb(255 255 255 / 20%);
  --color-danger: #c43c1b;
  --color-ok: #0a7a3a;
  --radius-control: 999px;
  --radius-card: clamp(24px, 3vw, 48px);
  --radius-panel: clamp(28px, 4vw, 64px);
  --space-page: clamp(20px, 4vw, 80px);
  --container-max: 1440px;
  --header-h: 88px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --font: "IBM Plex Sans", "Segoe UI", sans-serif;
  --display: "Syne", "IBM Plex Sans", sans-serif;
}