/* Design tokens do Kit Visual SPMAX — inferido do uso nos componentes
   (esse arquivo não veio no zip original, foi reconstruído a partir
   das variáveis referenciadas em var(--...) nos .jsx). */

:root {
  /* --- Marca --- */
  --sp-blue: #0B3D66;      /* azul institucional SPMAX */
  --sp-gold: #C9A227;      /* dourado de destaque */

  /* --- Superfícies --- */
  --surface-page: #F4F6F8;
  --surface-card: #FFFFFF;
  --dark-surface: #0B1A2A;

  /* --- Texto --- */
  --text-strong: #14202B;
  --text-body: #2B3A47;
  --text-muted: #6B7A88;
  --dark-text: #F4F6F8;
  --dark-text-muted: #A9B7C4;

  /* --- Bordas / divisores --- */
  --border-default: #E1E6EA;
  --divider: #EDF0F3;

  /* --- Cinzas --- */
  --gray-100: #F1F3F5;
  --gray-300: #D6DCE1;
  --gray-600: #7C8A97;
  --gray-800: #2E3A44;

  /* --- Azul (paleta de apoio) --- */
  --blue-050: #EAF1F8;
  --blue-100: #D2E3F1;
  --blue-700: #0B3D66;

  /* --- Dourado (paleta de apoio) --- */
  --gold-100: #F3E8C4;
  --gold-700: #93761A;

  /* --- Status semânticos --- */
  --status-positive: #1E7B4D;
  --status-positive-bg: #E4F4EC;
  --status-attention: #A5690B;
  --status-attention-bg: #FBF0DC;
  --status-critical: #B3261E;
  --status-critical-bg: #FBE8E7;
  --status-neutral: #5B6873;
  --status-neutral-bg: #EEF1F3;
  --status-info: #0B5FA6;
  --status-info-bg: #E6F0FA;

  /* --- Formas --- */
  --radius-card: 10px;
  --radius-badge: 999px;
  --shadow-card: 0 1px 3px rgba(20, 32, 43, 0.08);

  /* --- Tipografia --- */
  --font-body: -apple-system, "Segoe UI", Arial, sans-serif;
}