:root{

  --ink:#1d1d1f;
  --ink-2:#515154;
  --ink-3:#6e6e73;

  --line:#e8e8ed;
  --line-2:#d2d2d7;
  --bg:#f5f5f7;
  --surface:#fbfbfd;
  --card:#ffffff;

  --accent:#6d28d9;
  --accent-2:#5b21b6;
  --accent-weak:#f5f3ff;
  --accent-line:#ddd6fe;

  --pos:#15803d;   --pos-weak:#f0fdf4;
  --danger:#b91c1c; --danger-weak:#fef2f2;
  --warn:#a16207;  --warn-weak:#fffbeb;

  --radius:12px;
  --radius-sm:8px;
  --radius-lg:18px;
  --radius-pill:980px;

  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;

  --t-micro:11.5px; --t-small:12.5px; --t-body:13.5px;
  --t-base:15px;    --t-lead:17px;    --t-title:20px;
  --t-display:28px; --t-hero:34px;

  --shadow-sm:0 1px 2px rgba(0,0,0,.04);
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.05);
  --shadow-lg:0 4px 12px rgba(0,0,0,.06), 0 20px 48px rgba(0,0,0,.09);

  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  --font-num:var(--font);
  --num:tabular-nums lining-nums;

  --w-thin:200; --w-light:300; --w-normal:400; --w-med:500;

  --container:1120px;
  --measure:68ch;
  --target:44px;

  --lh-body:1.5; --lh-tight:1.2;

  --dur:.15s; --dur-slow:.24s; --ease:cubic-bezier(.2,.7,.3,1);
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}