:root {
  --bg-primary:#ffffff;
  --bg-secondary:#f5f5f7;
  --bg-tertiary:#fafafa;
  --bg-card:#ffffff;
  --text-primary:#1d1d1f;
  --text-secondary:#86868b;
  --text-tertiary:#6e6e73;
  --text-inverse:#ffffff;
  --accent:#9161c1;
  --accent-hover:#dbb7ff;
  --accent-subtle:rgba(0,113,227,0.08);
  --border:rgba(0,0,0,0.08);
  --border-strong:rgba(0,0,0,0.12);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 16px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
  --code-bg:#f5f5f7;
  --code-text:#1d1d1f;
  --nav-bg:rgba(255,255,255,0.88);
  --syn-keyword:#7b5ea7;
  --syn-meta-key:#086f56;
  --syn-string:#c0392b;
  --syn-component:#0071e3;
  --syn-attr:#5c6370;
  --syn-comment:#a0a0a0;
  --syn-punct:#1d1d1f;
  --syn-builtin:#d46f00;
  --max-w:1080px;
  --section-pad:7rem;
  --hero-pad-top:10rem;
  --hero-pad-bot:5rem;
}
[data-theme="dark"] {
  --bg-primary:#000000;
  --bg-secondary:#161617;
  --bg-tertiary:#1c1c1e;
  --bg-card:#1c1c1e;
  --text-primary:#f5f5f7;
  --text-secondary:#98989d;
  --text-tertiary:#6e6e73;
  --text-inverse:#000000;
  --accent:#d7b0ff;
  --accent-hover:#e4c8ff;
  --accent-subtle:rgba(41,151,255,0.12);
  --border:rgba(255,255,255,0.08);
  --border-strong:rgba(255,255,255,0.12);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:0 4px 16px rgba(0,0,0,0.3);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.4);
  --code-bg:#1c1c1e;
  --code-text:#f5f5f7;
  --nav-bg:rgba(0,0,0,0.88);
  --syn-keyword:#bf5af2;
  --syn-meta-key:#32d74b;
  --syn-string:#ff6b6b;
  --syn-component:#0a84ff;
  --syn-attr:#98989d;
  --syn-comment:#636366;
  --syn-punct:#f5f5f7;
  --syn-builtin:#ffa340;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}