/* ══════════════════════════════════════════════════════════════
   Identidade A — Queops Barreto (inteligência emocional, liderança)
   Fonte da verdade: design system "Queops Barreto"
   https://claude.ai/code/artifact/d04137c3-1278-400c-98b7-0a157a73be2d
   Mudou lá? Mude aqui com os mesmos nomes e valores.

   Uso: <link rel="stylesheet" href="/assets/brand/queops/tokens.css">
   Texto corrido usa Montserrat 400 (Google Fonts) — carregue na página:
   https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap
   ══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard";
  src: url("fonts/MazzardH-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Tema claro (padrão): fundo branco, texto marinho */
:root, [data-theme="light"] {
  /* paleta da marca */
  --vermelho: #e84143;      /* texto só ≥24px ou negrito ≥19px (4,0:1 no branco) */
  --marinho: #232149;
  --preto: #020202;
  --branco: #ffffff;
  --cinza-escuro: #5a5d61;  /* texto secundário no branco (6,6:1) */
  --cinza-claro: #b3b3b2;   /* decorativo no branco (2,1:1); texto secundário no marinho */

  /* papéis */
  --surface: var(--branco);
  --surface-inverse: var(--marinho);
  --surface-accent: var(--vermelho);
  --ink: var(--marinho);
  --ink-muted: var(--cinza-escuro);
  --ink-on-inverse: var(--branco);
  --accent: var(--vermelho);
  --on-accent: var(--branco);
  --line: var(--cinza-claro);
  --focus: var(--ink);
}

/* Tema marinho: fundo marinho, texto branco */
[data-theme="dark"] {
  --surface: var(--marinho);
  --surface-inverse: var(--branco);
  --ink: var(--branco);
  --ink-muted: var(--cinza-claro);
  --ink-on-inverse: var(--marinho);
  --line: var(--cinza-escuro);
  --focus: var(--ink);
}

:root {
  --font-display: "Gotham", "Montserrat", system-ui, sans-serif;
  --font-light: "Mazzard", "Montserrat", system-ui, sans-serif;
  --font-text: "Montserrat", system-ui, sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 32px;
  --space-4: 64px;

  --radius-none: 0;
  --radius-full: 9999px;
}