@font-face{font-family:Anton;src:url(../assets/fonts/Anton.woff2) format('woff2');font-display:swap}
@font-face{font-family:Bangers;src:url(../assets/fonts/Bangers.woff2) format('woff2');font-display:swap}

:root{
  /* manga editorial — paper, ink, blood-red */
  --paper:#faf7f0;
  --paper-2:#f1ece1;
  --ink:#0d0d0d;
  --ink-soft:#2a2a2a;
  --red:#e63329;
  --red-deep:#c4211c;
  --tone:rgba(13,13,13,.55);

  --maxw:1140px;
  --gut:clamp(20px,5vw,64px);

  --fz-display:clamp(3.4rem,13vw,9.5rem);
  --fz-h2:clamp(2.2rem,6vw,4.2rem);
  --fz-lead:clamp(1.2rem,2.6vw,1.7rem);

  --ff-display:Anton,"Arial Black",Impact,sans-serif;
  --ff-comic:Bangers,"Comic Sans MS",Impact,sans-serif;
  --ff-body:-apple-system,"Segoe UI",Inter,system-ui,sans-serif;

  --border:4px solid var(--ink);
  --shadow:10px 10px 0 var(--ink);
  --shadow-red:10px 10px 0 var(--red);
  --ease:cubic-bezier(.22,.61,.36,1);
  --snap:cubic-bezier(.34,1.56,.64,1);

  /* halftone dots */
  --dots-ink:radial-gradient(var(--tone) 1px,transparent 1.6px);
  --dots-paper:radial-gradient(rgba(250,247,240,.5) 1px,transparent 1.6px);
}