:root{
  --bg:#0c0c0f;
  --ink:#f4f4f5;
  --soft:#18181b;
  --soft-2:#1e1e22;
  --hairline:#2a2a30;
  --border-strong:#3a3a42;
  --faint:#8a8a92;
  --muted:#a0a0a8;
  --gray-400:#8a8a92;
  --gray-500:#a0a0a8;
  --gray-600:#b0b0b8;
  --gray-700:#c0c0c8;
  --gray-800:#d0d0d8;
  --gray-900:#ececf0;
  --dot:rgba(244,244,245,.42);
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 8px 22px -18px rgba(0,0,0,.5);
  --shadow-1-hover:0 2px 4px rgba(0,0,0,.45),0 18px 36px -22px rgba(0,0,0,.6);
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#ffffff;
    --ink:#0a0a0a;
    --soft:#fafafa;
    --soft-2:#f5f5f5;
    --hairline:#e9e9e9;
    --border-strong:#d4d4d4;
    --faint:#a3a3a3;
    --muted:#737373;
    --gray-400:#a3a3a3;
    --gray-500:#737373;
    --gray-600:#525252;
    --gray-700:#404040;
    --gray-800:#262626;
    --gray-900:#171717;
    --dot:rgba(10,10,10,.9);
    --shadow-1:0 8px 22px -14px rgba(10,10,10,.25);
    --shadow-1-hover:0 18px 36px -20px rgba(10,10,10,.4);
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#ffffff;
  --ink:#0a0a0a;
  --soft:#fafafa;
  --soft-2:#f5f5f5;
  --hairline:#e9e9e9;
  --border-strong:#d4d4d4;
  --faint:#a3a3a3;
  --muted:#737373;
  --gray-400:#a3a3a3;
  --gray-500:#737373;
  --gray-600:#525252;
  --gray-700:#404040;
  --gray-800:#262626;
  --gray-900:#171717;
  --dot:rgba(10,10,10,.9);
  --shadow-1:0 8px 22px -14px rgba(10,10,10,.25);
  --shadow-1-hover:0 18px 36px -20px rgba(10,10,10,.4);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0c0c0f;
  --ink:#f4f4f5;
  --soft:#18181b;
  --soft-2:#1e1e22;
  --hairline:#2a2a30;
  --border-strong:#3a3a42;
  --faint:#8a8a92;
  --muted:#a0a0a8;
  --gray-400:#8a8a92;
  --gray-500:#a0a0a8;
  --gray-600:#b0b0b8;
  --gray-700:#c0c0c8;
  --gray-800:#d0d0d8;
  --gray-900:#ececf0;
  --dot:rgba(244,244,245,.42);
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 8px 22px -18px rgba(0,0,0,.5);
  --shadow-1-hover:0 2px 4px rgba(0,0,0,.45),0 18px 36px -22px rgba(0,0,0,.6);
  color-scheme:dark;
}
body{background:var(--bg);color:var(--ink);transition:background .5s,color .5s}
.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);transition:background .5s,border-color .5s}
::selection{transition:background .5s,color .5s}