/* ==========================================================================
   STAMINA · TOKENS — ARQUIVO GERADO por tokens/gerar.py a partir de tokens.json.
   Não edite à mão: mude tokens.json e rode o script de novo.
   Modo escuro é o padrão. Modo claro: data-tema="claro" ou classe .tema-claro
   em qualquer elemento (vale para ele e tudo dentro dele).
   ========================================================================== */

:root {
  /* Marca (iguais nos dois modos) */
  --stm-roxo: #6D4BFF;
  --stm-roxo-claro: #7C5DFF;
  --stm-roxo-escuro: #4027A5;
  --stm-verde: #0BFD81;
  --stm-verde-claro: #27FF8E;
  --stm-turquesa: #00ECCB;
  --stm-gelo: #D9F6FA;

  /* Status */
  --stm-atencao: #FAB219;
  --stm-alerta: #EC835A;
  --stm-critico: #E5484D;

  /* Gráficos: sequencial e divergente */
  --stm-seq-100: #EFEAFF;
  --stm-seq-200: #D9CFFF;
  --stm-seq-300: #BBA9FF;
  --stm-seq-400: #9A80FF;
  --stm-seq-500: #6D4BFF;
  --stm-seq-600: #5436D6;
  --stm-seq-700: #4027A5;
  --stm-seq-800: #2A1A70;
  --stm-div-neg: #D95926;
  --stm-div-pos: #7C5DFF;

  /* Tipografia */
  --stm-fonte: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --stm-t-display: clamp(3rem, 7.4vw, 8.4rem);
  --stm-t-h1: clamp(2.4rem, 4.4vw, 4.6rem);
  --stm-t-h2: clamp(1.8rem, 2.8vw, 2.8rem);
  --stm-t-h3: clamp(1.5rem, 2vw, 1.8rem);
  --stm-t-lede: clamp(1rem, 1.1vw, 1.125rem);
  --stm-t-corpo: clamp(0.95rem, 1.05vw, 1.025rem);
  --stm-t-legenda: 0.875rem;
  --stm-t-micro: 0.75rem;
  --stm-lh-display: 0.95;
  --stm-lh-h1: 1.02;
  --stm-lh-h2: 1.08;
  --stm-lh-h3: 1.15;
  --stm-lh-lede: 1.55;
  --stm-lh-corpo: 1.6;
  --stm-lh-legenda: 1.4;
  --stm-lh-micro: 1;
  --stm-ls-display: -0.05em;
  --stm-ls-h1: -0.04em;
  --stm-ls-h2: -0.03em;
  --stm-ls-h3: -0.02em;
  --stm-ls-lede: 0;
  --stm-ls-corpo: 0;
  --stm-ls-legenda: 0;
  --stm-ls-micro: 0.16em;

  /* Espaço, raio, grade, movimento */
  --stm-e-1: 4px;
  --stm-e-2: 8px;
  --stm-e-3: 12px;
  --stm-e-4: 16px;
  --stm-e-5: 24px;
  --stm-e-6: 32px;
  --stm-e-7: 48px;
  --stm-e-8: 64px;
  --stm-e-9: 96px;
  --stm-e-10: 128px;
  --stm-raio-card: 12px;
  --stm-raio-bolha: 16px;
  --stm-raio-pilula: 200px;
  --stm-gutter: clamp(1.25rem, 2vw, 2rem);
  --stm-margem: 4vw;
  --stm-largura-max: 1720px;
  --stm-curva: cubic-bezier(0.16, 1, 0.3, 1);
  --stm-dur-rapido: 180ms;
  --stm-dur: 320ms;
  --stm-dur-lento: 560ms;

  /* Modo escuro (padrão) */
  color-scheme: dark;
  --stm-fundo: #0B0B10;
  --stm-superficie: #252525;
  --stm-superficie-alta: #2C2C2C;
  --stm-texto: #EEF0F7;
  --stm-texto-2: rgba(238, 240, 247, 0.62);
  --stm-texto-3: rgba(238, 240, 247, 0.40);
  --stm-tom: rgba(238, 240, 247, 0.38);
  --stm-linha: rgba(238, 240, 247, 0.12);
  --stm-linha-forte: rgba(238, 240, 247, 0.45);
  --stm-marca-dagua: rgba(238, 240, 247, 0.14);
  --stm-positivo: #0BFD81;
  --stm-g1: #7C5DFF;
  --stm-g2: #199E88;
  --stm-g3: #D95926;
  --stm-g4: #3987E5;
  --stm-g5: #D55181;
  --stm-g6: #C98500;
  --stm-g7: #9085E9;
  --stm-g8: #E66767;
  --stm-div-neutro: #3A3A40;
}

[data-tema="claro"], .tema-claro {
  color-scheme: light;
  --stm-fundo: #FFFFFF;
  --stm-fundo-alt: #F4F4F7;
  --stm-superficie: #EFEFF3;
  --stm-superficie-alta: #E6E6EC;
  --stm-texto: #0B0B10;
  --stm-texto-2: #5A5C66;
  --stm-texto-3: #8A8C95;
  --stm-tom: #8E9099;
  --stm-linha: rgba(11, 11, 16, 0.10);
  --stm-linha-forte: rgba(11, 11, 16, 0.35);
  --stm-marca-dagua: rgba(11, 11, 16, 0.08);
  --stm-positivo: #0A8F4F;
  --stm-g1: #6D4BFF;
  --stm-g2: #138A78;
  --stm-g3: #E5602B;
  --stm-g4: #2A78D6;
  --stm-g5: #D4497E;
  --stm-g6: #B88000;
  --stm-g7: #8A7CE6;
  --stm-g8: #D93F3F;
  --stm-div-neutro: #E6E6EC;
}

[data-tema="escuro"], .tema-escuro {
  color-scheme: dark;
  --stm-fundo: #0B0B10;
  --stm-superficie: #252525;
  --stm-superficie-alta: #2C2C2C;
  --stm-texto: #EEF0F7;
  --stm-texto-2: rgba(238, 240, 247, 0.62);
  --stm-texto-3: rgba(238, 240, 247, 0.40);
  --stm-tom: rgba(238, 240, 247, 0.38);
  --stm-linha: rgba(238, 240, 247, 0.12);
  --stm-linha-forte: rgba(238, 240, 247, 0.45);
  --stm-marca-dagua: rgba(238, 240, 247, 0.14);
  --stm-positivo: #0BFD81;
  --stm-g1: #7C5DFF;
  --stm-g2: #199E88;
  --stm-g3: #D95926;
  --stm-g4: #3987E5;
  --stm-g5: #D55181;
  --stm-g6: #C98500;
  --stm-g7: #9085E9;
  --stm-g8: #E66767;
  --stm-div-neutro: #3A3A40;
}