/* Renk, yazı tipi ve tema değişkenleri (kâğıt / kara tahta) */
:root{
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,serif;
  --font-math:'STIX Two Text','Cambria Math',Cambria,'Times New Roman',serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --fs:16px; --fsx:1;
  --bg:#f5f2ea; --paper:#fffdf7; --paper-2:#faf7ef; --ink:#1b2130; --ink-2:#4a5263; --ink-3:#7e8697;
  --line:#e3ddcf; --line-2:#cfc7b4; --grid:rgba(41,82,179,.06); --grid-2:rgba(41,82,179,.10);
  --blue:#2952b3; --red:#c0392b; --green:#2b7a52; --amber:#b5761a; --violet:#6a4cb8; --teal:#1d7480; --plum:#9c3a6e;
  --accent:var(--blue); --soft:rgba(41,82,179,.08);
  --shadow:0 1px 2px rgba(27,33,48,.05),0 6px 18px rgba(27,33,48,.06);
  --shadow-lg:0 18px 50px rgba(27,33,48,.18);
  --t1:var(--blue);--t2:var(--teal);--t3:var(--amber);--t4:var(--red);--t5:var(--violet);--t6:var(--green);--t7:var(--plum);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#131b18; --paper:#1a2420; --paper-2:#1f2b26; --ink:#eef2ea; --ink-2:#b8c3b9; --ink-3:#84918a;
    --line:#2d3b35; --line-2:#3e4f47; --grid:rgba(238,242,234,.04); --grid-2:rgba(238,242,234,.075);
    --blue:#8db7ff; --red:#ff9b8a; --green:#8edba6; --amber:#f0cc6a; --violet:#c4a9ff; --teal:#7dd3d9; --plum:#f2a2c9;
    --soft:rgba(141,183,255,.10); --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25); --shadow-lg:0 18px 50px rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#131b18; --paper:#1a2420; --paper-2:#1f2b26; --ink:#eef2ea; --ink-2:#b8c3b9; --ink-3:#84918a;
  --line:#2d3b35; --line-2:#3e4f47; --grid:rgba(238,242,234,.04); --grid-2:rgba(238,242,234,.075);
  --blue:#8db7ff; --red:#ff9b8a; --green:#8edba6; --amber:#f0cc6a; --violet:#c4a9ff; --teal:#7dd3d9; --plum:#f2a2c9;
  --soft:rgba(141,183,255,.10); --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25); --shadow-lg:0 18px 50px rgba(0,0,0,.55);
  color-scheme:dark;
}
