/* ================================================================
   FISCUM — Design Tokens
   Variáveis globais de cor, tipografia, espaçamento e efeitos.
   Todas as páginas importam este arquivo.
   ================================================================ */

:root {
  /* ===== Cores base ===== */
  --bg: #FAFAFA;
  --white: #FFFFFF;
  --black: #0A0A0A;

  /* ===== Azul (Classifica / primária) ===== */
  --blue: #0066FF;
  --blue2: #338BFF;
  --blue3: #CCE0FF;
  --blue4: #EBF3FF;
  --blue5: #F0F6FF;
  --blue-d: #004ACC;

  /* ===== Cinzas ===== */
  --g1: #F5F5F5;
  --g2: #EBEBEB;
  --g3: #D4D4D4;
  --g4: #737373; /* corrigido de #9E9E9E — ratio 4.7:1 WCAG AA */
  --g5: #525252;
  --g6: #1A1A1A;

  /* ===== Semânticas ===== */
  --green: #00875A;
  --green2: #E6FAF2;
  --red: #D92D20;
  --red2: #FEF3F2;
  --amber: #B45309;
  --amber2: #FFFBEB;

  /* ===== Indigo (Audita) ===== */
  --indigo: #4F46E5;
  --indigo2: #818CF8;
  --indigo3: #E0E7FF;
  --indigo4: #EEF2FF;

  /* ===== Amber estendido (Certifica) ===== */
  --amber-bright: #F59E0B;
  --amber3: #FEF3C7;
  --amber4: #FFFBEB;

  /* ===== Bordas ===== */
  --border: #E8E8E8;
  --border-b: rgba(0, 102, 255, .15);
  --border-m: #D0D0D0;

  /* ===== Sombras ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .08);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, .1);
  --shadow-blue: 0 6px 24px rgba(0, 102, 255, .22);

  /* ===== Tipografia ===== */
  --font: 'IBM Plex Sans', sans-serif;
  --serif: 'IBM Plex Serif', serif;
  --mono: 'IBM Plex Mono', monospace;

  /* ===== Dimensões ===== */
  --w: 1280px;
  --nav-h: 64px;
  --r: 4px;
  --r-md: 8px;
  --r-lg: 12px;
}
