/* Sightline — "Rangefinder" design system.
   Linked at the end of each page's <head>, so it loads AFTER the page's own
   inline <style>: the token remap and base type win globally, while each page's
   bespoke layout classes are intentionally left untouched. */

/* fonts (self-hosted; CSP-clean via default-src 'self') */
@font-face{font-family:"Space Grotesk";font-weight:400;font-display:swap;src:url("/static/fonts/space-grotesk-400.woff2") format("woff2");}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url("/static/fonts/space-grotesk-500.woff2") format("woff2");}
@font-face{font-family:"Space Grotesk";font-weight:600;font-display:swap;src:url("/static/fonts/space-grotesk-600.woff2") format("woff2");}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("/static/fonts/space-grotesk-700.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url("/static/fonts/plex-mono-400.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url("/static/fonts/plex-mono-500.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url("/static/fonts/plex-mono-600.woff2") format("woff2");}

/* token remap: Rangefinder palette over the old cream + terracotta defaults */
:root{
  --bg:#EDEFEF; --card:#FFFFFF; --line:#DCE0DE;
  --ink:#16201C; --mut:#5D6562; --muted:#5D6562;
  --accent:#0E7A57; --ok:#0E7A57; --ok-bg:#0e7a570f;
  --warn:#B5751B; --draft:#B5751B; --warn-bg:#b5751b14;
  --err:#A4342A; --info:#2C6AB0;
  --display:"Space Grotesk",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
}

/* base type (wins by load order; page layout classes untouched) */
body{font-family:var(--display);background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3{font-family:var(--display);letter-spacing:-0.01em;}
button,input,select,textarea{font-family:inherit;}
code,kbd,samp,.mono{font-family:var(--mono);}
::selection{background:#0e7a5722;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}
