/*
 * tokens.css — Design System Tokens
 * Saci Digital · v2.0
 * Não alterar sem validação prévia (doc. requisitos §6.1)
 */

:root {
  /* ── Cores principais ─────────────────── */
  --navy:       #0B1E36;
  --navy2:      #122944;
  --navy3:      #1A3A5C;

  --teal:       #0891B2;
  --tealL:      #22D3EE;
  --tealPale:   #E0F5FB;

  --green:      #10B981;
  --greenL:     #6EE7B7;
  --greenPale:  #D1FAE5;

  --orange:     #F97316;
  --orangeL:    #FDBA74;
  --orangePale: #FEF3C7;

  --purple:     #8B5CF6;
  --purplePale: #EDE9FE;

  --red:        #EF4444;
  --redPale:    #FEE2E2;

  --blue:       #3B82F6;
  --bluePale:   #DBEAFE;

  --yellow:     #FBBF24;
  --yellowPale: #FEF9C3;

  --pink:       #EC4899;
  --pinkPale:   #FCE7F3;

  /* ── Neutros ──────────────────────────── */
  --bg:         #EEF4FA;
  --bgCard:     #FFFFFF;
  --text1:      #0B1E36;
  --text2:      #3E5269;
  --text3:      #8DA1B4;
  --border:     #D9E5F0;

  /* ── Layout ───────────────────────────── */
  --sidebar-w:  228px;
  --topbar-h:   58px;

  /* ── Tipografia ───────────────────────── */
  --font-display: 'Sora', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* ── Elevação ─────────────────────────── */
  --shadow-sm:  0 2px 12px rgba(11,30,54,.05);
  --shadow-md:  0 2px 20px rgba(11,30,54,.06);
  --shadow-lg:  0 6px 28px rgba(11,30,54,.13);

  /* ── Raio de borda ────────────────────── */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  18px;
  --radius-xl:  22px;

  /* ── Transições ───────────────────────── */
  --transition: all .2s ease;
  --transition-fast: all .18s ease;
}