/* Design tokens - Visto design system
   Referencia: docs/design.md
   Carregar depois do tema do PrimeFaces. */

:root {
  /* Marca Visto */
  --primary: #3374FF;            /* azul medido no app.powercrm.com.br em 21/09 (botao primario) -- design.md cita #177EF3 (site), o app real manda */
  --primary-hover: #2563EB;      /* hover do primario (Power: topbar/hover ~#2563EB) */
  --primary-foreground: #FFFFFF;
  --visto-secondary: #4a90a4;    /* azul-petroleo - logo, icones de secao */
  --visto-success: #22c55e;      /* verde - destaques numericos */
  --visto-nav-bg: #4fb24f;       /* verde - barra de submenu/navegacao */
  --visto-blue: #3b82f6;         /* azul vivo - stats em destaque, CTAs secundarios */
  --visto-chart-bg: rgba(253, 224, 71, 0.15);

  /* Texto e superficies */
  --foreground: #0a0a0a;
  --background: #FFFFFF;
  --card: #FFFFFF;
  --card-foreground: #0a0a0a;

  /* Neutros (paleta shadcn neutral) */
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --control-border: #8c8c8c;   /* checkbox/radio desmarcados: --input (#e5e5e5) some em monitor externo (Trello jKzSCtOv); contraste 3.3:1 no branco */
  --input-background: #FFFFFF;
  --ring: #a3a3a3;
  --accent: #f5f5f5;
  --accent-foreground: #171717;

  /* Erro/destrutivo */
  --destructive: #ef4444;
  --destructive-foreground: #FFFFFF;

  /* Estados Alert */
  --info-bg: #F0F9FF;
  --info-text: #0C4A6E;
  --info-icon: #0284C7;
  --success-bg: #ECFDF5;
  --success-text: #064E3B;
  --success-icon: #059669;
  --warning-bg: #FFFBEB;
  --warning-text: #78350F;
  --warning-icon: #D97706;

  /* Cromo personalizavel por contratante (Trello yO6XEL8T). Estes sao os
     UNICOS tokens que o cadastro do contratante (Cor do Header, Cor do
     Botao, Cor da Barra Progresso, Cor Texto Header/Botao) pode
     sobrescrever: layout/brandContratante.xhtml redefine-os em :root so
     quando o contratante logado tem cor cadastrada. Sem cor, os valores
     abaixo mantem o padrao Power. Tudo o mais (links, foco, checkbox,
     stats...) continua em --primary e NAO acompanha a marca. */
  --topbar-bg: var(--primary);
  --topbar-fg: #FFFFFF;
  --btn-primary-bg: var(--primary);
  --btn-primary-fg: var(--primary-foreground);
  --btn-primary-hover-bg: var(--primary-hover);
  --progress-bg: var(--primary);

  /* Tabela */
  --table-header-bg: #F9FAFB;
  --table-border: #E5E7EB;
  --table-cell-text: #111827;
  --table-head-text: #6B7280;
  --table-row-hover: #F9FAFB;

  /* Tipografia */
  --font-sans: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Escala tipografica (~8% menor que a anterior, medida contra o
     app.powercrm.com.br em 22/09: raiz 15px, td 12.25, th 10.5, botao/
     input/menu 13.1, titulo 22.5). Componentes de UI usam SO estes
     tokens -- nunca px literal. */
  --text-2xs: 10.5px;   /* th uppercase */
  --text-xs: 11.5px;    /* label de campo, badge, .td-sub, texto auxiliar */
  --text-sm: 13px;      /* botao, input/select, menu, td, subtitulo */
  --text-base: 13.5px;  /* body */
  --text-md: 14px;      /* texto de destaque leve */
  --text-lg: 16px;      /* titulo de secao / painel */
  --text-xl: 18px;      /* h3 de secao grande */
  --text-2xl: 22px;     /* titulo de pagina, numero de stat */

  /* Raios */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;

  /* Sombras */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* Z-Index. O PF12 atribui z-index INLINE crescente aos overlays a
     partir de PrimeFaces.zindex = 1000 (1o dialog: overlay 1002 / dialog
     1003, sobe a cada abertura). Tudo que e "cromo" da pagina (topbar
     sticky, submenus, gaveta mobile) fica ABAIXO de 1000 para nunca
     cobrir um modal (REVIEW-R1-B tela 1: titlebar/X do dialog atras do
     topbar). --z-modal e informativo: os dialogs usam o inline do PF. */
  --z-sticky: 900;     /* #layout-topbar (submenus/drawer herdam o contexto dele) */
  --z-dropdown: 950;   /* dropdowns proprios fora do topbar */
  --z-modal: 1500;
  --z-popover: 1600;
  --z-tooltip: 1700;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
}