:root{
  --bg:#fbfbfa;
  --bg-soft:#f5f5f3;
  --surface:#ffffff;
  --ink:#16161a;
  --ink-soft:#3a3a42;
  --muted:#71717a;
  --faint:#a1a1aa;
  --line:#ececea;
  --line-strong:#e0e0dd;
  --accent:#512BD4;
  --accent-2:#7c3aed;
  --accent-soft:#f1edfd;
  --accent-ring:rgba(81,43,212,.32);
  --green:#1a9d5a;
  --amber:#d98a00;
  --code-bg:#fcfcfb;
  --radius:16px;
  --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(20,20,26,.05), 0 1px 1px rgba(20,20,26,.04);
  --shadow:0 8px 24px -10px rgba(20,20,26,.18), 0 2px 6px -2px rgba(20,20,26,.08);
  --shadow-lg:0 40px 80px -32px rgba(35,25,80,.30), 0 12px 28px -12px rgba(20,20,26,.16);
  --maxw:1140px;
  --wrap-max:var(--maxw);
  --wrap-pad:28px;
  --sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", sans-serif;
  --mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"ss01","cv01","tnum";
}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent-soft);color:var(--accent)}
.tnum{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap-max);margin:0 auto;padding:0 var(--wrap-pad)}
.mono{font-family:var(--mono)}
.inline-code{font-family:var(--mono);font-size:.86em}

a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:10px;
}