/* Pixezia — shared design tokens & base primitives.
   Single source of truth for the color system so pages can't drift apart.
   Page-specific layout stays in each page's inline <style>. */
:root{
  --cell:28px;
  --bg:#F5F6F8;
  --paper:rgba(8,80,190,.055);
  --surface:#FFFFFF;
  --ink:#0B0D10;
  --ink-2:#5B6472;
  --ink-3:#8B93A1;
  --line:#DDE1E8;
  --accent:#1877F2;
  --accent-deep:#0866FF;
  --accent-soft:#E7F3FF;
  --on-accent:#FFFFFF;
  --shadow:0 2px 6px rgba(15,30,60,.06),0 18px 44px rgba(15,30,60,.09);
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
:root[data-theme="dark"]{
  --bg:#18191A;
  --paper:rgba(110,160,255,.05);
  --surface:#242526;
  --ink:#E4E6EB;
  --ink-2:#B0B3B8;
  --ink-3:#8A8D91;
  --line:#3A3B3C;
  --accent:#4599FF;
  --accent-deep:#5CA7FF;
  --accent-soft:#263C5C;
  --on-accent:#0B0D10;
  --shadow:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.45);
}
*{margin:0;padding:0;box-sizing:border-box}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}