/* farpa.ai — Design Tokens v4.0 */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=DM+Mono:wght@400;500&display=swap');
:root,[data-theme="claro"],[data-theme="escuro"],[data-theme="sepia"],[data-theme="alto-contraste"]{
  --font-head:'Space Grotesk',sans-serif;
  --font-mono:'DM Mono',monospace;
  --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:18px;--r-pill:999px;
  --transition:0.18s ease;
  --void:var(--bg);--graphite:var(--bg-2);--graphite2:var(--bg-3);--surface:var(--bg-4);
  --farpa:var(--accent);--corte:var(--accent-2);--urgente:var(--accent-danger);
  --warn:var(--accent-warn);--purple:var(--accent-3);--gold:var(--accent-gold);
  --farpa-10:var(--accent-bg);--corte-10:var(--accent-bg-2);--purple-10:var(--accent-bg-3);
  --text-primary:var(--text-1);--text-secondary:var(--text-2);
  --text-muted:var(--text-3);--text-hint:var(--text-4);
  --shadow-card:var(--shadow);--grad-brand:var(--grad-accent);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:900;letter-spacing:-0.03em;line-height:1.05;color:var(--text-1)}
p,.body-text{color:var(--text-2)}
.muted{color:var(--text-3)}.hint{color:var(--text-4)}.mono{font-family:var(--font-mono)}
.label{font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-3)}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 32px}
@media(max-width:768px){.container{padding:0 20px}}