/* ============================================================
   tokens.css — Sistema de Design · PontoGestor
   Todas as variáveis CSS. Altere aqui para mudar o tema global.
   ============================================================ */

:root {
  /* ── Fundos ────────────────────────────────────────────── */
  --bg:  #0b0d14;
  --bg2: #0f1220;
  --bg3: #131724;
  --bg4: #151929;
  --bg5: #181c2e;
  --bg6: #1a1d2e;
  --bg7: #1e2236;
  --bg8: #252a3d;

  /* ── Texto ─────────────────────────────────────────────── */
  --t1: #f1f5f9;
  --t2: #e2e8f0;
  --t3: #c4ccd8;
  --t4: #8892b0;
  --t5: #6b7a99;
  --t6: #4a5568;

  /* ── Bordas e inputs ───────────────────────────────────── */
  --bd:    #1e2236;
  --bd2:   #252a3d;
  --inp:   #131724;
  --inp-f: #16192a;

  /* ── Brand ─────────────────────────────────────────────── */
  --amber:  #f59e0b;
  --amber2: #f97316;
  --red:    #ef4444;
  --green:  #10b981;
  --blue:   #3b82f6;
  --purple: #8b5cf6;
  --cyan:   #06b6d4;
  --pink:   #ec4899;

  /* ── Sidebar ───────────────────────────────────────────── */
  --sidebar-w: 220px;

  /* ── Espaçamento ───────────────────────────────────────── */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 14px;
  --sp-lg: 22px;
  --sp-xl: 32px;

  /* ── Border radius ─────────────────────────────────────── */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* ── Sombras ───────────────────────────────────────────── */
  --shadow-sm: 0 1px 3px #0000003a;
  --shadow-md: 0 4px 16px #00000040;
  --shadow-lg: 0 8px 32px #00000050;

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

/* ── Tema Claro ─────────────────────────────────────────── */
[data-theme="light"] {
  --bg:  #f0f4fb;
  --bg2: #e8edf8;
  --bg3: #e0e7f5;
  --bg4: #ffffff;
  --bg5: #f5f8fe;
  --bg6: #eaeef8;
  --bg7: #dde4f2;
  --bg8: #cdd6ea;

  --t1: #1a2040;
  --t2: #2c3860;
  --t3: #3d5080;
  --t4: #5a6898;
  --t5: #6b78a8;
  --t6: #8890b8;

  --bd:    #dde4f2;
  --bd2:   #cdd6ea;
  --inp:   #f0f4fb;
  --inp-f: #e8edf8;
}