:root{
  --canvas:#f5f6f8;
  --surface:#ffffff;
  --surface-soft:#fafafa;
  --surface-strong:#f0f1f4;
  --text:#17191d;
  --text-soft:#656b76;
  --line:#e4e6ea;
  --line-strong:#d4d7dd;
  --accent:#ababab;
  --accent-hover:#636363;
  --accent-soft:#3b3b3b;
  --danger:#c64040;
  --success:#48a868;
  --shadow-sm:0 1px 2px color-mix(in srgb,var(--text) 5%,transparent);
  --shadow-md:0 12px 36px color-mix(in srgb,var(--text) 12%,transparent);
  --shadow-lg:0 20px 56px color-mix(in srgb,var(--text) 16%,transparent);
  --r-sm:8px;
  --r-md:12px;
  --r-lg:18px;
  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:24px;
  --s6:32px;
  --control:42px;
  --sidebar:248px;
  --viewport-block:100svh;
  --content-wide:74rem;
  --content-readable:42rem;
  --font-xs:.75rem;
  --font-sm:.875rem;
  --font-md:1rem;
  --font-lg:1.375rem;
  --font-xl:2rem;
  --font-display:clamp(3rem,8vw,7rem);
  --line-tight:.96;
  --line-copy:1.65;
  --tracking-tight:-.055em;
  --tracking-label:.06em;
  --r-round:999px;
  --motion-fast:160ms;
  --item-max:32rem;
  --item-media-block:18rem;
  --item-overlap:2rem;
  --gallery-dot:.625rem;
  --border-thin:1px;
  --weight-bold:700;
  --weight-heavy:800;
  --responsive-gutter:clamp(var(--s4),5vw,var(--s6));
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:light dark
}