/* IDENTIDADE VISUAL — ajuste cores, fontes e largura do site aqui. */
@font-face {
  font-family: 'Saira Condensed';
  src: url('/fonts/SairaCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Orbitron';
  src: url('/fonts/Orbitron-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BF Regular';
  src: url('/fonts/BF_TEXT_REGULAR.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'BF Headline';
  src: url('/fonts/BF_SUB_HEADLINE_BOLD.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'BF Narrow';
  src: url('/fonts/BF_HEADLINE_NARROW-BOLD.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'BF Mono';
  src: url('/fonts/BF_MONO_BOOK.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root {
  --color-background: #000;
  --color-surface: #020202;
  --color-accent: #ef001b;
  --color-accent-soft: #ef001b1a;
  --color-text: #b8b8b8;
  --color-heading: #fff;
  --color-muted: #666;
  --color-border: #181818;
  --font-body: 'BF Regular', Arial, sans-serif;
  --font-heading: 'BF Headline', Arial, sans-serif;
  --font-display: 'BF Narrow', Impact, sans-serif;
  --font-tech: 'Orbitron', Arial, sans-serif;
  --font-subtitle: 'Saira Condensed', 'Arial Narrow', sans-serif;
  --font-mono: 'BF Mono', monospace;
  --content-width: 1280px;
  --section-space: 96px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--color-background); color: var(--color-text); font: 16px/1.5 var(--font-body); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { color: var(--color-heading); }
button, input, select, textarea { font: inherit; }
button { border: 0; background: none; color: inherit; cursor: pointer; padding: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--color-accent); outline-offset: 5px;
}
::selection { background: var(--color-accent); color: white; }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-thumb { background: var(--color-accent); }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; left: 16px; top: -100px; padding: 10px 16px; background: var(--color-accent); color: white; z-index: 100; }
.skip-link:focus { top: 16px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
