/* ============================================================
   TOKENS DE DESIGN DO MEUPERSONAL — fonte única da identidade.
   Usado pela landing (link direto) e pela plataforma web
   (globals.css importa /tokens.css, sincronizado pelo script).
   Mudou identidade? Muda AQUI, nunca nos arquivos de página.
   ============================================================ */
:root {
  /* superfícies */
  --bg: #050b08;
  --bg-deep: #020604;
  --surface: #0a1510;
  --surface-2: #0d1c15;
  --surface-3: #10231a;

  /* bordas */
  --line: rgba(198, 255, 75, 0.12);
  --line-strong: rgba(198, 255, 75, 0.28);
  --line-neutra: rgba(255, 255, 255, 0.08);

  /* texto */
  --text: #f4f7f5;
  --muted: #a7b3ad;
  --muted-2: #8b9992; /* AA em texto pequeno sobre --bg */

  /* marca */
  --lime: #b9ff39;
  --lime-2: #8fdb17;
  --lime-soft: rgba(185, 255, 57, 0.12);

  /* estados */
  --ok: #7dd97d;
  --danger: #ff8f8f;
  --pendente: #f0c674;

  /* forma */
  --radius: 22px;
  --radius-sm: 14px;
  --radius-botao: 13px;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.42);

  /* layout */
  --container: 1220px;
  --header-h: 74px;

  /* tipografia */
  --fonte: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}