/* ============================================================
   TOKENS — Design system (variáveis CSS)
   ============================================================ */

/* ===========================
   TOKENS
=========================== */
:root {
  --blue: #1558D6;
  --blue-dark: #0E3FA8;
  --blue-light: #EBF1FF;
  --blue-mid: #2D72F5;
  --navy: #080E1A;
  --navy-2: #0D1526;
  --slate: #64748B;
  --border: #E2E8F0;
  --white: #FFFFFF;
  --off-white: #F8FAFC;
  --green: #16A34A;
  --green-light: #DCFCE7;

  /* Raios reduzidos (maio/2026) — alinhados com a borda da pill nav (12px).
     --pill (999px) reservado para chips/badges/botões pill explícitos. */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.05);
  --shadow-blue: 0 8px 32px rgba(21,88,214,.25);

  /* Easing curves (Emil Kowalski) — custom > default */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  /* Tipografia */
  --font-display: 'General Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'General Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}