/* Portí Design System — tokens (v8.1 + marca oficial). Fonte da verdade: /home/deploy/porti-ui/tokens.css
   Não editar cópias nos projetos; rodar o script de sync de cada projeto. */
:root {
  /* marca */
  --porti-brand:         #4D1A83;   /* roxo do ícone oficial: logo, capas, fundos de marca */
  --porti-brand-ink:     #D5D2D9;   /* lavanda do símbolo sobre roxo */
  --porti-purple:        #551388;
  --porti-indigo:        #6007C1;   /* cor de ação: botões, links, foco */
  --porti-purple-light:  #7B2FBE;
  --porti-indigo-light:  #7C3AED;   /* ação no tema escuro, nav ativa */
  --porti-lavender:      #a78bfa;
  --porti-lavender-light:#c4b5fd;
  /* neutros (quentes) */
  --porti-off-white:     #F7F4EF;
  --porti-surface:       #FFFFFF;
  --porti-surface-alt:   #F0EDE8;
  --porti-border:        #E2DDD8;
  --porti-border-strong: #C8C2BB;
  --porti-muted:         #8B8B9A;
  --porti-slate:         #4A4A5A;
  --porti-graphite:      #111111;
  /* semânticas */
  --porti-success:       #16a34a;
  --porti-warning:       #d97706;
  --porti-error:         #dc2626;
  --porti-info:          #0284c7;
  /* sidebar */
  --porti-sidebar-top:   #1A0A2E;
  --porti-sidebar-bottom:#0F0720;
  --porti-sidebar-gradient: linear-gradient(180deg, #1A0A2E 0%, #0F0720 100%);
  --porti-nav-active-bg: rgba(124,58,237,0.15);
  --porti-nav-active-fg: #C4B5FD;
  /* gradientes */
  --porti-gradient:      linear-gradient(135deg, #551388 0%, #6007C1 100%);
  --porti-gradient-soft: linear-gradient(135deg, rgba(85,19,136,0.08) 0%, rgba(96,7,193,0.08) 100%);
  --porti-accent-soft:   rgba(96,7,193,0.08);
  --porti-focus:         rgba(96,7,193,0.35);
  /* tipografia */
  --porti-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --porti-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;
  /* forma */
  --porti-radius-sm: 8px;    /* controles, inputs, botões */
  --porti-radius-md: 12px;   /* cards */
  --porti-radius-lg: 20px;   /* painéis grandes, sheets */
  --porti-shadow-card: 0 10px 24px rgba(17,17,17,0.05);
  --porti-shadow-hover: 0 0 0 1px rgba(96,7,193,0.08), 0 4px 20px rgba(96,7,193,0.08);
  /* espaçamento */
  --porti-sp-1: 4px; --porti-sp-2: 8px; --porti-sp-3: 12px; --porti-sp-4: 16px; --porti-sp-6: 24px; --porti-sp-8: 32px; --porti-sp-12: 48px;
}
/* tema escuro (tokens do .dark do Porti Negócios) */
.dark, [data-theme="dark"] {
  --porti-off-white:     #0D0A14;
  --porti-surface:       #1A1525;
  --porti-surface-alt:   #261D35;
  --porti-border:        rgba(255,255,255,0.08);
  --porti-border-strong: rgba(255,255,255,0.16);
  --porti-graphite:      #F0EDE8;
  --porti-slate:         #C4B5FD;
  --porti-indigo:        #7C3AED;
  --porti-accent-soft:   rgba(124,58,237,0.15);
  --porti-shadow-card:   none;
}