/* ============================================================
   Alvops — Tokens de identidade
   Fonte de verdade: docs/superpowers/specs/2026-08-26-identidade-marca-design.md (§4.1)
   Os nomes longos (--bg-*, --accent-*, --texto-*) são os nomes canônicos do
   spec. Os nomes curtos abaixo deles são aliases usados pelas páginas atuais.
   Toda página nova em site/ e toda subaplicação herda daqui — nunca hex solto.
   ============================================================ */
:root {
  /* --- Fundos e superfícies --- */
  --bg-fundo:        #09090b;
  --bg-superficie:   #141418;
  --bg-superficie-2: #1e1e24;
  --bg-superficie-3: #2b2b32;

  /* --- Linhas e contornos --- */
  --linha-borda:     #2b2b32;
  --linha-sutil:     #1c1c22;

  /* --- Tipografia --- */
  --texto-principal: #f4f4f5;
  --texto-suave:     #c9c6c0;
  --texto-muted:     #92929b;

  /* --- Acentos de ação --- */
  --accent-primario: #ff6b2b;
  --accent-hover:    #ff9a5c;
  /* canais do acento, para composições com alpha sem hex solto */
  --accent-rgb:      255, 107, 43;
  --fundo-rgb:       9, 9, 11;
  /* texto sobre superfície de acento (botão laranja, badge ativo) */
  --texto-sobre-accent: #09090b;

  /* --- Estados operacionais --- */
  --status-profit:   #4fbf7f;
  --status-loss:     #e1685b;

  /* ---------- aliases curtos (uso corrente nas páginas) ---------- */
  --fundo:        var(--bg-fundo);
  --superficie:   var(--bg-superficie);
  --superficie-2: var(--bg-superficie-2);
  --superficie-3: var(--bg-superficie-3);
  --texto:        var(--texto-principal);
  --texto-fraco:  var(--texto-muted);
  --accent:       var(--accent-primario);
  --accent-2:     var(--accent-hover);
  --linha:        var(--linha-borda);
  --verde:        var(--status-profit);
  --vermelho:     var(--status-loss);

  /* --- Sobreposições --- */
  --overlay-bg:    rgba(9, 9, 11, .72);
  --shadow-modal:  0 32px 80px -24px rgba(0, 0, 0, .8);
  --shadow-accent: 0 8px 32px -8px rgba(var(--accent-rgb), .12);

  /* --- Movimento --- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);

  /* --- Tipografia (famílias) --- */
  --fonte-display: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --fonte-mono:    'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  --fonte-base:    'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* --- Escala tipográfica (razão ~1.15, base 16px) --- */
  --fs-micro: .65rem;   /* eyebrows, tags, labels mono */
  --fs-mini:  .75rem;   /* nav, rodapé, metadados, pills */
  --fs-sm:    .86rem;   /* corpo de card */
  --fs-body:  1rem;     /* corpo padrão */
  --fs-lead:  1.15rem;  /* parágrafo de abertura */
  --fs-h3:    1.35rem;  /* subtítulo de bloco */

  /* --- Espaçamento --- */
  --sp-1:  .25rem;
  --sp-2:  .5rem;
  --sp-3:  .75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  1.75rem;
  --sp-8:  2rem;
  --sp-9:  2.25rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* --- Raios --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-full: 999px;
}