/* R Soluções — tokens, tipografia e escala.
   Fonte UNICA do padrão visual. Toda dimensão global vive aqui.
   Nada neste arquivo usa !important: a cascata é respeitada. */

:root {
  --fonte-padrao: 'Poppins', 'Segoe UI', Arial, sans-serif;

  --cor-primaria: #0b3157;
  --cor-barra-secundaria: #b9cbe0;
  --cor-primaria-hover: #082744;
  --cor-primaria-escura: #061d33;
  --cor-primaria-suave: #eaf2f8;
  --cor-primaria-soft: rgba(11,49,87,.10);

  --texto: #172033;
  --texto-suave: #697586;
  --branco: #ffffff;
  --fundo: #f5f7fa;
  --borda: #e3e8ef;
  --borda-sutil: #eef1f5;
  --input-borda: #d9e0e8;

  --sucesso: #287a52;
  --sucesso-bg: #eaf7ef;
  --sucesso-borda: #c8ead5;
  --alerta: #a66c13;
  --alerta-bg: #fff4dc;
  --alerta-forte: #e0a526;
  --fundo-controle-ios: #e6ebf0;
  --sombra-thumb-ios: rgba(0,0,0,.2);
  --erro: #a23c3c;
  --erro-bg: #fdecec;
  --erro-borda: #f3caca;

  --sidebar-width: 232px;
  --sidebar-width-mobile: 72px;

  --sombra-cartao: 0 18px 45px rgba(6,29,51,.08);
  --radio-cartao: 12px;
  --radio-controle: 9px;
  --radio-botao: 8px;

  /* Escala tipográfica canônica. Define a cara do app num só lugar. */
  --fs-base: 15px;
  --fs-pequeno: 13px;
  --fs-mini: 12px;
  --fs-rotulo: 14px;
  --fs-titulo: 28px;
  --fs-subtitulo: 14px;
  --fs-h2: 18px;
  --fs-h3: 15px;
  --fs-nav: 15px;
  --fs-nav-ico: 18px;
  --fs-btn: 14px;
  --fs-metric-label: 14px;
  --fs-metric-value: 28px;
  --fs-metric-trend: 13px;
  --fs-th: 13px;
  --fs-td: 15px;
}