/* =====================================================================
   Partiu Tucuna — Design Tokens
   Réplica exata da paleta/escala do Design System de referência
   "UI Padrão" (Nuvium 2026): cores, raios, sombras, espaçamento,
   tema claro e escuro. Nomes de variáveis (--pt-*) mantidos para não
   quebrar as páginas existentes; valores alinhados 1:1 à referência.
   ===================================================================== */

:root {
  /* ── Marca (tema claro · esmeralda + laranja) ── */
  --pt-primary:       #0E6B53;
  --pt-primary-hover: #0B5844;
  --pt-accent:         #F4711D;
  --pt-accent-hover:   #D65F12;
  --pt-gold:           #E0A21E;
  --pt-gold-hover:     #C68D18;

  /* Aliases de compatibilidade (antigos "navy"/"teal" usados em KPIs) */
  --pt-navy: var(--pt-primary);
  --pt-teal: var(--pt-gold);
  --pt-on-navy: #FFFFFF;

  /* ── Semânticas ── */
  --pt-success:       #E6B800;
  --pt-success-hover: #CCA300;
  --pt-danger:        #DC3545;
  --pt-danger-hover:  #BB2D3B;
  --pt-warning:       #E0A21E;
  --pt-warning-hover: #C68D18;
  --pt-info:          #3B82C4;
  --pt-neutro:        #8B9793;

  /* ── Superfícies (tema claro · creme) ── */
  --pt-bg:            #F8F4EB;
  --pt-surface:       #FFFFFF;
  --pt-raised:        #FFFFFF;
  --pt-sunken:        #F1ECE0;
  --pt-border:        #EAE3D4;
  --pt-border-strong: #DBD2BF;

  /* ── Texto ── */
  --pt-text-1: #182220;
  --pt-text-2: #5C6B66;
  --pt-text-3: #8B9793;
  --pt-on-primary: #FFFFFF;

  /* ── Sidebar (identidade própria · esmeralda profundo) ── */
  --pt-sidebar-bg:       #0E6B53;
  --pt-sidebar-bg-deep:  #0A5A45;
  --pt-sidebar-border:   rgba(255, 255, 255, 0.12);
  --pt-sidebar-text:     #D6EAE2;
  --pt-sidebar-text-dim: #9CC4B7;
  --pt-sidebar-hover:    rgba(255, 255, 255, 0.08);
  --pt-sidebar-active:   rgba(255, 255, 255, 0.14);

  /* ── Geometria · escala 4px ── */
  --pt-space-1: 4px;  --pt-space-2: 8px;  --pt-space-3: 12px;
  --pt-space-4: 16px; --pt-space-5: 20px; --pt-space-6: 24px;
  --pt-space-8: 32px;
  --pt-radius-sm: 8px;
  --pt-radius-md: 10px;
  --pt-radius-lg: 14px;
  --pt-radius-xl: 18px;
  --pt-radius-pill: 999px;

  /* ── Elevação ── */
  --pt-shadow-xs: 0 1px 2px rgba(16, 24, 22, 0.04);
  --pt-shadow-sm: 0 1px 2px rgba(16, 24, 22, 0.04), 0 2px 8px rgba(16, 24, 22, 0.04);
  --pt-shadow-md: 0 2px 4px rgba(16, 24, 22, 0.04), 0 8px 24px rgba(16, 24, 22, 0.06);
  --pt-shadow-lg: 0 4px 8px rgba(16, 24, 22, 0.05), 0 16px 40px rgba(16, 24, 22, 0.10);

  /* ── Interação ── */
  --pt-focus-ring: 0 0 0 3px color-mix(in srgb, var(--pt-primary) 20%, transparent);
  --pt-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --pt-dur-fast: 120ms;
  --pt-dur: 180ms;
  --pt-dur-slow: 280ms;

  /* ── Chrome ── */
  --pt-sidebar-w: 260px;
  --pt-sidebar-w-collapsed: 80px;

  color-scheme: light;
}

/* ---------------------------------------------------------------------
   Dark mode — somente via atributo [data-theme="dark"], setado pelo
   toggle manual do usuário e persistido em localStorage. Tema escuro
   grafite-esverdeado profundo (nunca #000), com marca lilás/periwinkle,
   igual à referência.
   --------------------------------------------------------------------- */
:root[data-theme="dark"] {
  --pt-primary:       #6366F1;
  --pt-primary-hover: #7B7EF4;
  --pt-accent:         #F4711D;
  --pt-accent-hover:   #FF8A3D;
  --pt-gold:           #E8B23B;
  --pt-gold-hover:     #F0C05B;

  --pt-success:       #E8C232;
  --pt-success-hover: #F0CE52;
  --pt-danger:        #E5566A;
  --pt-danger-hover:  #EC7080;
  --pt-warning:       #E8B23B;
  --pt-warning-hover: #F0C05B;
  --pt-info:          #6FA8D8;
  --pt-neutro:        #6B7280;

  --pt-bg:            #0D0E12;
  --pt-surface:       #16181E;
  --pt-raised:        #1C1F27;
  --pt-sunken:        #090A0E;
  --pt-border:        #262A33;
  --pt-border-strong: #343A46;

  --pt-text-1: #E9EBF2;
  --pt-text-2: #9AA1AF;
  --pt-text-3: #6B7280;

  --pt-sidebar-bg:       #111318;
  --pt-sidebar-bg-deep:  #0C0E13;
  --pt-sidebar-border:   rgba(255, 255, 255, 0.06);
  --pt-sidebar-text:     #B7BDCB;
  --pt-sidebar-text-dim: #7A8191;
  --pt-sidebar-hover:    rgba(255, 255, 255, 0.05);
  --pt-sidebar-active:   rgba(255, 255, 255, 0.09);

  --pt-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.20);
  --pt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.22);
  --pt-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.24), 0 8px 24px rgba(0, 0, 0, 0.30);
  --pt-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.28), 0 16px 40px rgba(0, 0, 0, 0.40);

  --pt-focus-ring: 0 0 0 3px color-mix(in srgb, var(--pt-primary) 32%, transparent);

  color-scheme: dark;
}

/* Modo claro é o padrão do sistema (login e área interna): o tema só
   muda para escuro quando o usuário aciona o toggle manualmente — por
   isso não há @media (prefers-color-scheme: dark) aqui. */