/* Syed Naqi Biography Hub — design tokens. "The Study": editorial, letterpress-warm,
   Cornell carnelian on warm ivory paper. Self-hosted faces (no CDN). */

/* ---- faces ---- */
@font-face{font-family:'Fraunces';src:url('/static/fonts/fraunces-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/static/fonts/fraunces-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/static/fonts/fraunces-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/static/fonts/fraunces-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Spectral';src:url('/static/fonts/spectral-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Spectral';src:url('/static/fonts/spectral-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Spectral';src:url('/static/fonts/spectral-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/static/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/static/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/static/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/static/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/static/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Nastaliq Urdu';src:url('/static/fonts/noto-nastaliq-urdu-arabic-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Nastaliq Urdu';src:url('/static/fonts/noto-nastaliq-urdu-arabic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  /* paper + ink */
  --paper:#FAF6EF; --paper-2:#F4EDE1; --paper-3:#EFE7D8; --rule:#E4DAC9; --rule-2:#D8CcB6;
  --ink:#211C18; --ink-2:#6E6259; --ink-3:#9A8C7E;
  /* carnelian (Cornell) */
  --accent:#B31B1B; --accent-deep:#8E1414; --accent-tint:#F3E1DD;
  /* semantic (paired with icon/label, never color alone) */
  --amber:#B8862F; --amber-tint:#F6ECD6; --moss:#5C6B3E; --moss-tint:#E7EBDD;
  --plum:#6D2742; --plum-tint:#F0E2E8; --info:#3E5C6B;
  /* type */
  --display:'Fraunces',Georgia,serif;
  --serif:'Spectral',Georgia,serif;
  --sans:'IBM Plex Sans',-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --urdu:'Noto Nastaliq Urdu',serif;
  --fs-xs:.78rem; --fs-sm:.88rem; --fs-base:1.0rem; --fs-md:1.12rem; --fs-lg:1.35rem;
  --fs-xl:1.75rem; --fs-2xl:2.4rem; --fs-3xl:3.2rem;
  --lh-tight:1.2; --lh:1.5; --lh-read:1.65;
  --measure:66ch;
  /* space (8px base) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --radius:7px; --radius-lg:12px; --radius-sm:4px;
  --shadow:0 1px 2px rgba(33,28,24,.05),0 2px 8px rgba(33,28,24,.04);
  --shadow-lg:0 8px 30px rgba(33,28,24,.10);
  --grain:.025;
  --maxw:1200px;
  font-size:18px;
}

/* evening reading */
[data-theme="dark"]{
  --paper:#1A1613; --paper-2:#221C18; --paper-3:#2A231D; --rule:#352C24; --rule-2:#43382E;
  --ink:#F3EAD9; --ink-2:#C3B5A2; --ink-3:#92836F;
  --accent:#E0584F; --accent-deep:#C7463E; --accent-tint:#3A211E;
  --amber-tint:#332A18; --moss-tint:#222A1A; --plum-tint:#2E1C24;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 2px 10px rgba(0,0,0,.3);
  --shadow-lg:0 10px 36px rgba(0,0,0,.5); --grain:.04;
}
/* low-vision / one-eye: maximum contrast, larger */
[data-theme="contrast"]{
  --paper:#FFFFFF; --paper-2:#FFFFFF; --paper-3:#F4F4F4; --rule:#000000; --rule-2:#000000;
  --ink:#000000; --ink-2:#1A1A1A; --ink-3:#333333;
  --accent:#A00000; --accent-deep:#800000;
  font-size:21px; --lh-read:1.75; --shadow:none; --shadow-lg:none; --grain:0;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme]){ color-scheme:dark; } }