/* ==========================================================
   MALAGOLI CAPTADORES — base compartilhada dos 3 link da bio
   Fontes e tokens vindos do Design System oficial.
   Cores de marca imutáveis: #DC0000 / #000000 / #FFFFFF
   ========================================================== */

@font-face{font-family:'Archivo';src:url('fonts/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/Archivo-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/Archivo-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/Archivo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Archivo Black';src:url('fonts/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Michroma';src:url('fonts/Michroma-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JetBrainsMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JetBrainsMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --brand-red:#DC0000; --brand-black:#000; --brand-white:#fff;
  --red-400:#FF2E2E; --red-500:#DC0000; --red-600:#B50000; --red-700:#8F0000; --red-900:#3D0606;
  --black-950:#000; --black-900:#0A0A0A; --black-850:#111; --black-800:#181818; --black-700:#222;
  --gray-600:#3A3A3A; --gray-400:#8A8A8A; --gray-300:#ADADAD; --gray-200:#D6D6D6; --gray-100:#EFEFEF;

  --font-display:'Archivo Black','Archivo',sans-serif;
  --font-accent:'Michroma',sans-serif;
  --font-body:'Archivo',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --shadow-card:0 1px 0 rgba(255,255,255,.06) inset,0 8px 24px rgba(0,0,0,.55);
  --shadow-red-glow:0 0 24px rgba(220,0,0,.35);
  --ease-out:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:none;box-shadow:0 0 0 2px #000,0 0 0 4px var(--brand-red)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
