/* ============================================================
   Design tokens compartilhados — landing, termos, privacidade e painel
   ============================================================ */
:root {
  --void: #0a0a0c;
  --panel: #131318;
  --panel-line: #232228;
  --mist: #8b8f99;
  --bone: #ece7d8;
  --blood: #b3122b;
  --blood-bright: #d81a3a;
  --toxin: #8fae55;
  --entity: #7c5cbf;
  --entity-bright: #8f6fd6;

  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* ---- Tokens do painel (app.html) ----
     Reaproveitam a mesma paleta acima; existem como variáveis próprias
     só onde o painel precisa de um tom "elevado" (card sobre --void) ou
     de um token semântico (sucesso/erro/aviso) que a landing não usa. */
  --panel-card: #1a1a20;      /* fundo de .card no painel — um degrau acima de --void */
  --input-bg: #0f0f13;
  --input-border: #3a3a45;
  --text-dim: #999;
  --text-dimmer: #6b6b75;

  --success: #22c55e;
  --success-bright: #4ade80;
  --info: #3b82f6;
  --warning-accent: #f59e0b;

  --danger-bg: #3b1414;
  --danger-border: #7a2020;
  --danger-text: #ff9b9b;

  --warn-bg: #3b2e14;
  --warn-border: #7a5c20;
  --warn-text: #ffce9b;

  --info-bg: #1a1a2e;
  --info-border: #3a3a6a;
  --info-text: #b3b3ff;

  /* botões: tamanho único padrão pro painel inteiro */
  --btn-radius: 4px;
  --btn-padding-y: 0.55rem;
  --btn-padding-x: 1.1rem;
  --btn-font-size: 0.85rem;
}

* { box-sizing: border-box; }