/* ============================================================
   CMC Supervisor v2.0 — Design Tokens
   Paleta corporativa azul #1F4E79
   ============================================================ */

:root {
  /* ─── Cores Primárias ──────────────────────────────── */
  --azul:       #1F4E79;
  --azul-md:    #2E75B6;
  --azul-lt:    #E6F1FB;
  --azul-dark:  #153555;

  /* ─── Cores Semânticas ─────────────────────────────── */
  --verde:      #375623;
  --verde-lt:   #EAF3DE;
  --amber:      #BA7517;
  --amber-lt:   #FAEEDA;
  --red:        #A32D2D;
  --red-lt:     #FCEBEB;

  /* ─── Neutros ──────────────────────────────────────── */
  --bg:         #EEF2F7;
  --surface:    #FFFFFF;
  --gray:       #F5F6F8;
  --gray-border:#E2E5EA;
  --text:       #1a1a2e;
  --text-2:     #5A6478;
  --text-3:     #98A0B0;
  --white:      #FFFFFF;

  /* ─── Tipografia ───────────────────────────────────── */
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'DM Mono', 'Fira Code', monospace;

  --text-xs:    11px;
  --text-sm:    12px;
  --text-base:  14px;
  --text-md:    16px;
  --text-lg:    18px;
  --text-xl:    20px;
  --text-2xl:   28px;
  --text-3xl:   36px;
  --text-huge:  52px;

  /* ─── Espaçamento ──────────────────────────────────── */
  --space-1:    4px;
  --space-2:    6px;
  --space-3:    8px;
  --space-4:    10px;
  --space-5:    12px;
  --space-6:    14px;
  --space-7:    16px;
  --space-8:    20px;
  --space-9:    24px;
  --space-10:   32px;
  --space-12:   40px;

  /* ─── Borders ──────────────────────────────────────── */
  --radius:     12px;
  --radius-sm:  8px;
  --radius-lg:  16px;
  --radius-full:9999px;

  /* ─── Sombras ──────────────────────────────────────── */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.12);

  /* ─── Transições ───────────────────────────────────── */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --duration:   0.2s;
  --duration-lg:0.4s;
}