/* fredrika.dev-derived tokens — extracted 2026-07-13 via /vibe */
/* Geist local @font-face + Instrument Serif <link> in head */

:root{
  --color-bg:#fcfcfc;
  --color-text:#0a0a0a;
  --color-secondary:rgba(10,10,10,0.45);
  --color-soft:rgba(10,10,10,0.55);
  --color-hairline:#f0f0f0;
  --color-hairline-strong:#e5e5e5;
  --color-underline:#d4d4d4;
  --color-underline-hover:#171717;
  --color-code-bg:#f5f5f5;
  --column-width:36.375rem;
  --radius:.625rem;
  --font-body:-apple-system,system-ui,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-code:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;
}

[data-theme="dark"]{
  --color-bg:#0a0a0a;
  --color-text:#fafafa;
  --color-secondary:rgba(250,250,250,0.45);
  --color-soft:rgba(250,250,250,0.55);
  --color-hairline:#1d1d1d;
  --color-hairline-strong:#262626;
  --color-underline:#3a3a3a;
  --color-underline-hover:#e5e5e5;
  --color-code-bg:#121212;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --color-bg:#0a0a0a;
    --color-text:#fafafa;
    --color-secondary:rgba(250,250,250,0.45);
    --color-soft:rgba(250,250,250,0.55);
    --color-hairline:#1d1d1d;
    --color-hairline-strong:#262626;
    --color-underline:#3a3a3a;
    --color-underline-hover:#e5e5e5;
    --color-code-bg:#121212;
  }
}