/* 设计令牌：颜色、字体、间距、动效。深色为默认主题。 */
@font-face{font-family:"Inter Var";src:url("../vendor/fonts/inter-latin-wght.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono Var";src:url("../vendor/fonts/jetbrains-mono-latin-wght.woff2") format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Space Grotesk Var";src:url("../vendor/fonts/space-grotesk-latin-wght.woff2") format("woff2");font-weight:300 700;font-display:swap}

:root{
  color-scheme:dark;
  --bg:#0a0c0f;
  --bg-2:#0e1116;
  --panel:#12161c;
  --panel-2:#171c23;
  --panel-3:#1d232b;
  --line:#242a33;
  --line-2:#323a45;
  --text:#eef0eb;
  --text-2:#c6cbc9;
  --muted:#8b929d;
  --faint:#5d6470;
  --accent:#cefa72;
  --accent-ink:#0a0c0f;
  --accent-glow:rgba(206,250,114,.18);
  --spring:#6db33f;
  --c-java:#f6a04d;
  --c-spring:#7bc96f;
  --c-cloud:#5ec8f2;
  --c-db:#a993ff;
  --c-cache:#ff7b7b;
  --c-mq:#f7c948;
  --c-arch:#cefa72;
  --c-ops:#4fd1c5;
  --ok:#7bdc8a;
  --warn:#f7c948;
  --danger:#ff7b7b;
  --nav:rgba(10,12,15,.72);
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --shadow-sm:0 8px 24px rgba(0,0,0,.3);
  --grid-dot:rgba(255,255,255,.055);
  --code-bg:#0d1014;

  --f-sans:"Inter Var","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --f-display:"Space Grotesk Var","Inter Var","PingFang SC","Microsoft YaHei",sans-serif;
  --f-mono:"JetBrains Mono Var",Consolas,"Courier New","Microsoft YaHei",monospace;

  --r-sm:6px;--r:10px;--r-lg:16px;--r-xl:22px;
  --wrap:1240px;
  --header-h:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
}

:root[data-theme=light]{
  color-scheme:light;
  --bg:#f4f4ee;
  --bg-2:#ecede5;
  --panel:#ffffff;
  --panel-2:#f8f8f3;
  --panel-3:#eff1e8;
  --line:#dcdfd4;
  --line-2:#c8ccbf;
  --text:#161b15;
  --text-2:#343b33;
  --muted:#626a60;
  --faint:#949b90;
  --accent:#4f7a0f;
  --accent-ink:#ffffff;
  --accent-glow:rgba(79,122,15,.14);
  --c-java:#c36a12;
  --c-spring:#3f8f2f;
  --c-cloud:#1683b5;
  --c-db:#6a4fd8;
  --c-cache:#cf3f3f;
  --c-mq:#a87b00;
  --c-arch:#4f7a0f;
  --c-ops:#13867b;
  --ok:#2f8f43;
  --warn:#a87b00;
  --danger:#cf3f3f;
  --nav:rgba(244,244,238,.78);
  --shadow:0 20px 50px rgba(40,50,30,.12);
  --shadow-sm:0 6px 18px rgba(40,50,30,.08);
  --grid-dot:rgba(0,0,0,.07);
  --code-bg:#f7f8f2;
}