/* ==========================================================================
   Rondo Security — Design Tokens
   Fonte oficial: docs/BRAND_GUIDELINES.md
   Não redefinir --rs-red / --rs-dark em nenhum outro arquivo.
   ========================================================================== */

:root {
  /* ---------- Cores de marca (oficiais, não alterar) ---------- */
  --rs-red: #CC0D32;       /* Pantone 186 C — destaques/CTA, nunca texto corrido pequeno */
  --rs-dark: #202221;      /* Pantone P Black C — base de texto e fundos escuros */

  /* Tom derivado só para texto pequeno em vermelho sobre --rs-black.
     #CC0D32 sobre #0a0a0a = 3.46:1 (falha WCAG AA para texto normal).
     #D94A65 sobre #0a0a0a = 4.83:1 (passa AA). NÃO usar sobre --rs-dark
     (contraste insuficiente lá também) — só sobre --rs-black. */
  --rs-red-a11y: #D94A65;

  /* Fundo "hacker" mais profundo que o --rs-dark oficial, usado como base
     da página (o --rs-dark oficial fica reservado a painéis/cards). */
  --rs-black: #0a0a0a;

  /* ---------- Escala neutra ---------- */
  --rs-white: #FFFFFF;
  --rs-ink: #E5E5E5;        /* texto corrido sobre fundo escuro */
  --rs-muted: #9aa3ab;      /* texto secundário/legendas */
  --rs-line: rgba(255, 255, 255, 0.12);
  --rs-panel: rgba(32, 34, 33, 0.75); /* --rs-dark com alpha, para cards sobre --rs-black */

  /* ---------- Tipografia ---------- */
  --rs-font-display: 'Teko', 'JetBrains Mono', monospace;
  --rs-font-body: 'Inter', system-ui, sans-serif;
  --rs-font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* ---------- Espaçamento (escala 4px) ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* ---------- Raio e sombra ---------- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --shadow-glow-red: 0 0 10px rgba(204, 13, 50, 0.5);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);

  /* ---------- Container ---------- */
  --container-max: 1200px;

  /* ---------- Z-index ---------- */
  --z-nav: 100;
  --z-skip-link: 200;
}