/* ══════════════════════════════════════════════════════════════
   VARIÁVEIS — Time Fly Manager
   ══════════════════════════════════════════════════════════════ */
:root {
  --bg:           #0f1117;
  --bg2:          #1a1d27;
  --bg3:          #22263a;
  --surface:      #1e2130;
  --border:       #2e3450;
  --border2:      #3a4060;
  --azul:         #1558a8;
  --azul2:        #2e9fd4;
  --azul-light:   rgba(46,159,212,0.12);
  --texto:        #f0f4f8;
  --texto2:       #c8d8e8;
  --texto3:       #7a9ab8;
  --texto4:       #4a6a88;
  --success:        #22c55e;
  --success-bg:     rgba(34,197,94,0.12);
  --success-border: rgba(34,197,94,0.3);
  --danger:         #ef4444;
  --danger-bg:      rgba(239,68,68,0.12);
  --danger-border:  rgba(239,68,68,0.3);
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.5);
  --radius:     13px;
  --radius-sm:  8px;
  --radius-xs:  6px;
  --transition: 0.18s ease;
}