/*
  DESIGN TOKENS — shared across all components.
  Copy into your project's <head> (or @import) once, then add each component's CSS after it.
  Override any token on your own `:root` to re-theme the whole library.
*/
:root{
  --ink:#1b1b1b;
  --ink-2:#242424;
  --cream:#f1ede2;
  --paper:#e9e3d4;
  --accent:#18aacc;
  --muted:#6f6a5c;
  --line:rgba(27,27,27,.14);
  --line-l:rgba(241,237,226,.16);
  --h:clamp(2.6rem, 1.8rem + 3.4vw, 4.4rem);
  --h2:clamp(1.8rem, 1.25rem + 2.1vw, 3rem);
  --body:clamp(1.0625rem, .95rem + .35vw, 1.1875rem);
  --serif:"Newsreader", Georgia, serif;
  --sans:"Inter", system-ui, sans-serif;
}