/* ============================================================
   BRAIVANCE — tokens.css
   Fonte da verdade visual do sistema. Importar antes de qualquer
   outro CSS. Nunca usar hex solto no código: sempre var(--bv-*).
   Fontes (Google Fonts):
   https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@200;300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap
   ============================================================ */

:root {
  /* ---- Marca ---- */
  --bv-roxo: #5B54E8;          /* primário · ações, ativo, destaque */
  --bv-azul: #3D6BFF;          /* secundário · fim de gradientes, dados pagos */
  --bv-lilas: #7C83FF;         /* apoio · dados orgânicos, início de gradientes */
  --bv-escuro: #15151C;        /* painéis escuros, nav pílula */
  --bv-tinta: #16161D;         /* texto principal */

  /* ---- Fundo da página (degradê de baixo pra cima) ---- */
  --bv-fundo-pagina: linear-gradient(to top, #CDC3EE 0%, #E3E0F3 36%, #FBFBFE 72%);

  /* ---- Superfícies ---- */
  --bv-card: #FFFFFF;
  --bv-superficie: #F7F7FB;    /* blocos internos de card */
  --bv-superficie-2: #F4F3FB;  /* hover, ícones, segmentados */
  --bv-borda: #E3E3EE;         /* inputs, botões secundários */
  --bv-borda-suave: #F0F0F5;   /* divisores internos */

  /* ---- Texto ---- */
  --bv-texto: #16161D;
  --bv-texto-2: #6C6C7A;       /* subtítulos */
  --bv-texto-3: #9A9AA6;       /* legendas, metas */

  /* ---- Tints da marca ---- */
  --bv-roxo-suave: #F0EFFB;    /* chips/ícones roxos */
  --bv-azul-suave: #EBF0FF;    /* chips/ícones azuis */

  /* ---- Semânticas (status) ---- */
  --bv-verde: #1FB47D;         /* positivo, aprovado */
  --bv-verde-texto: #158F62;
  --bv-verde-suave: #DCEFE5;
  --bv-verde-chip: #E5F7EF;    /* fundo de deltas ▲ */
  --bv-verde-neon: #57E3A6;    /* positivo sobre painel escuro */
  --bv-ambar: #E8A13D;         /* pendente, ajuste */
  --bv-ambar-texto: #B8860B;
  --bv-ambar-suave: #F5EAD2;
  --bv-vermelho: #F06565;      /* negativo, atrasado */
  --bv-vermelho-suave: #FBE9E9;
  --bv-neutro-chip: #F1F1F6;   /* status pendente */

  /* ---- Tipografia ---- */
  --bv-font-titulo: 'Space Grotesk', sans-serif;  /* títulos, números, wordmark */
  --bv-font-corpo: 'Sora', sans-serif;            /* corpo e interface */
  --bv-font-mono: 'JetBrains Mono', monospace;    /* labels uppercase, dados, hex, deltas */

  /* ---- Raios ---- */
  --bv-raio-card: 24px;
  --bv-raio-widget: 20px;
  --bv-raio-medio: 16px;
  --bv-raio-controle: 12px;    /* botões, inputs */
  --bv-raio-chip: 7px;
  --bv-raio-pill: 999px;       /* nav, segmentados, badges */

  /* ---- Sombras ---- */
  --bv-sombra-card: 0 10px 30px -14px rgba(20,20,40,.14);
  --bv-sombra-flutuante: 0 4px 14px rgba(20,20,40,.06);
  --bv-sombra-escura: 0 18px 44px -18px rgba(21,21,28,.7);
  --bv-sombra-nav: 0 16px 34px -16px rgba(21,21,28,.55);
  --bv-sombra-botao: 0 10px 24px -8px rgba(91,84,232,.5);

  /* ---- Gradientes ---- */
  --bv-grad-acao: linear-gradient(120deg, #5B54E8, #3D6BFF);   /* botões primários */
  --bv-grad-ativo: linear-gradient(120deg, #7C83FF, #5B54E8);  /* item ativo da nav */
  --bv-grad-barra: linear-gradient(90deg, #7C83FF, #5B54E8);   /* barras de progresso */
  --bv-grad-avatar: linear-gradient(135deg, #7C83FF, #3D6BFF);
  --bv-grad-funil: linear-gradient(180deg, #8E8BFF 0%, #5B54E8 52%, #2B4ECC 100%);
}

/* ---- Base ---- */
body {
  margin: 0;
  font-family: var(--bv-font-corpo);
  color: var(--bv-texto);
  background: var(--bv-fundo-pagina);
  background-attachment: fixed;
}
a { color: var(--bv-roxo); text-decoration: none; }
a:hover { color: var(--bv-azul); }