/*
* Central do RH — DESIGN TOKENS (fonte da verdade visual; ver docs/design-system.md e o handoff
* "design_handoff_central_rh"). Folha estática versionada, carregada ANTES das demais:
* - painéis Filament: registrada via FilamentAsset (AppServiceProvider);
* - páginas fora do Filament (auth/portal/landing): nos layouts.
* REGRA: componentes usam `var(--crh-*)` — nunca hex solto espalhado pelo código.
*
* O tema escuro redefine só o que muda (superfícies/texto/bordas); cores de marca e feedback são
* as mesmas nos dois temas. `.dark` no é a convenção do Filament e das páginas de auth.
*/
:root {
/* ── Marca / Ações ─────────────────────────────────────────────── */
--crh-primary: #2F6BD8; /* botões primários, links, item ativo */
--crh-primary-hover: #1F4FA8; /* hover/pressed do primário */
--crh-primary-disabled: #9DB8E7; /* primário desabilitado (ex.: "Entrando...") */
--crh-primary-soft: #EEF3FB; /* fundos suaves, tags, ícones de destaque */
--crh-primary-border: #D9E4F6; /* bordas de superfícies soft */
--crh-navy: #12203A; /* sidebar, topo, texto forte, card escuro */
--crh-blue-300: #8FB4EF; /* detalhes claros do logo, acentos */
--crh-blue-400: #6D9CEA; /* acentos do logo */
/* Recuo do topo para QUALQUER elemento `position: sticky` dentro da página do painel: a topbar
do Filament também é sticky e passa por cima, então grudar em `top: 1rem` esconde o conteúdo
atrás dela (foi o que aconteceu com a sidebar das fichas). Um token só, para as telas não
divergirem. A medida vem do próprio Filament: `.fi-topbar { min-height: calc(spacing * 16) }`
= 4rem; o meio rem restante é o respiro. */
--crh-sticky-top: 4.5rem;
/* ── Neutros / Superfícies ─────────────────────────────────────── */
--crh-text-strong: #12203A;
--crh-text-muted: #55627A;
--crh-text-subtle: #8A97AD;
--crh-border: #E2E7EF;
--crh-border-light: #EEF1F5;
--crh-bg: #F5F7FA;
--crh-surface: #FFFFFF;
/* Texto sobre superfície COLORIDA e cheia (botão primário, badge sólido). Não é o `surface`:
aquele vira navy no modo escuro, e o rótulo de um botão âmbar continua branco nos dois
temas — quem muda é o fundo do botão, não o contraste que ele precisa. */
--crh-on-accent: #FFFFFF;
--crh-surface-raised: #FFFFFF; /* superfícies FLUTUANTES (menus/dropdowns): no claro = surface;
no escuro, um passo mais clara que o navy para não se fundir */
--crh-table-header-bg: #F0F4FA; /* regra de contraste: cabeçalho de tabela (texto --crh-text-muted) */
/* ── Feedback / Status (cor + fundo suave) ─────────────────────── */
--crh-success: #1F9D6B;
--crh-success-soft: #E2F4EC;
--crh-warning: #D9A327;
--crh-warning-soft: #FBF3DD;
--crh-danger: #D64545;
--crh-danger-soft: #FBE6E6;
--crh-info: #2F6BD8;
--crh-info-soft: #EEF3FB;
--crh-neutral: #55627A;
--crh-neutral-soft: #EEF1F5;
/* ── Funil de candidatos — tons decorativos das colunas (handoff design_handoff_funil) ──
* Cor por posição da etapa (faixa do topo + badge). Ciclo de 5: azul·roxo·âmbar·verde·cinza —
* casa com o funil default (Triagem·Teste·Entrevista·Aprovado·Base). O roxo não tem equivalente de
* marca, então é definido AQUI uma única vez (token), nunca hex solto na folha de componentes. */
--crh-funnel-0: var(--crh-primary); /* azul — 1ª etapa (Inicial) */
--crh-funnel-1: #7C5CD6; /* roxo — intermediária */
--crh-funnel-2: var(--crh-warning); /* âmbar — intermediária */
--crh-funnel-3: var(--crh-success); /* verde — Aprovado */
--crh-funnel-4: var(--crh-text-subtle); /* cinza — Base de talentos / demais */
/* ── Texto de apoio (helperText/hint) ──────────────────────────────
* PADRÃO ÚNICO do sistema (pedido 2026-08-14): a explicação abaixo/ao lado do campo é nota de
* rodapé — menor e mais discreta que o conteúdo, para não disputar com o rótulo e o valor.
* Antes cada tela decidia (ganchos `.crh-helper-sm`/`.crh-modal-helper-sm`, de 2026-07-30);
* agora é o default de TODO formulário e ficha (ver centralrh.css §"Texto de apoio").
*/
--crh-help-size: 12px;
--crh-help-line: 1.35;
/* ── Raios ─────────────────────────────────────────────────────── */
--crh-radius-sm: 8px; /* badges pequenos, botões small, itens de nav */
--crh-radius-md: 10px; /* inputs, botões */
--crh-radius-lg: 14px; /* cards de conteúdo */
--crh-radius-xl: 20px; /* painéis/containers principais, modais */
--crh-radius-2xl: 24px; /* card de auth (container fixo do split) */
--crh-radius-pill: 999px;
/* ── Vidro (repaginação v1.0) ──────────────────────────────────────
* Superfícies ELEVADAS (cards, topbar, modais, dropdowns, popovers) são translúcidas sobre o
* fundo em gradiente. `--crh-glass` = superfície principal; `--crh-glass-2` = recuo (inputs,
* painel de formulário); `--crh-hair*` = fios de separação (bordas internas, linhas de tabela).
* A sidebar NÃO é vidro — navy sólido nos dois temas (contraste e foco de navegação).
* Onde `backdrop-filter` não é suportado, cair para `--crh-surface` sólido (`@supports not`).
*/
--crh-glass: rgba(255, 255, 255, 0.72);
--crh-glass-2: rgba(255, 255, 255, 0.55);
--crh-glass-border: rgba(255, 255, 255, 0.70);
--crh-blur: 20px;
--crh-hair: rgba(18, 32, 58, 0.08);
--crh-hair-2: rgba(18, 32, 58, 0.05);
/* Fundo do app: gradiente + halos (nunca cor chapada). `--crh-bg` segue como fallback sólido. */
--crh-bg-a: #EAF0F8;
--crh-bg-b: #F6F8FC;
/* Halos do fundo: NÃO trocam no escuro (são a marca vazando pelo fundo) — quem troca é bg-a/bg-b.
* `--crh-app-bg` é o fundo COMPOSTO: um token único consumido pelo shell dos painéis e pelas
* páginas de auth/portal, para os dois não poderem divergir. Como `var()` resolve no contexto do
* elemento, o mesmo token já rende o gradiente escuro sob `.dark`. */
--crh-halo-a: rgba(47, 107, 216, 0.14);
--crh-halo-b: rgba(143, 180, 239, 0.18);
--crh-app-bg:
radial-gradient(1200px 600px at 12% -8%, var(--crh-halo-a), transparent 60%),
radial-gradient(1000px 700px at 108% 12%, var(--crh-halo-b), transparent 55%),
linear-gradient(160deg, var(--crh-bg-a), var(--crh-bg-b));
/* Auth: TAMANHO ÚNICO de todas as telas (login, recuperar, definir senha, enviado, ativação,
* termo, portal). É token para a regra "sem tilt" valer por construção — se uma tela inventar a
* própria medida, o salto volta. Ver centralrh-auth.css §.login. */
--crh-auth-card-w: 960px;
--crh-auth-card-h: 560px;
/* ── Sombras / Focus ───────────────────────────────────────────── */
--crh-shadow-card: 0 12px 40px -24px rgba(18, 32, 58, 0.35);
--crh-shadow-panel: 0 24px 60px -30px rgba(18, 32, 58, 0.45);
--crh-focus-ring: 0 0 0 4px rgba(47, 107, 216, 0.14);
--crh-focus-ring-danger: 0 0 0 4px rgba(214, 69, 69, 0.12);
/* ── Shell (sidebar Azul-noite — igual nos dois temas; specs do Turno 8b) ── */
--crh-sidebar-bg: #12203A;
--crh-sidebar-text: #C4CFE0; /* rótulo de item de TOPO inativo */
--crh-sidebar-subitem-text: #AEB9D0; /* rótulo de SUBITEM (grupo rotulado) inativo */
--crh-sidebar-group-label: #7F8DB0; /* rótulo do grupo (caps) e placeholders */
--crh-sidebar-icon: #8FB4EF; /* ícone de item de topo */
--crh-sidebar-subicon: #8593B0; /* ícone de subitem */
--crh-sidebar-accent: #7FA8EE; /* barra de acento do subitem ativo */
--crh-sidebar-active-sub-bg: rgba(127, 168, 238, 0.22); /* realce do subitem ativo (o 0.14 do proto some sobre o navy em tela real) */
--crh-sidebar-muted: #9FB6DD; /* textos de apoio sobre navy (login/cards) */
--crh-sidebar-hover: rgba(255, 255, 255, 0.06);
--crh-sidebar-border: rgba(255, 255, 255, 0.08);
/* ── Marca (logotipo oficial Central do RH · J2K, 2026-08-17) ─────────────────────────────
* Paleta oficial: 01 Azul Controle #0054A6 · 06 Preto #0E284F · 05 Branco #F5F5F5. O símbolo e o
* wordmark trocam de cor por TEMA/CONTEXTO (HANDOFF do mural §1): coloridos nos fundos claros,
* BRANCOS sobre navy (o "Símbolo Branco" do pacote da marca). */
--crh-brand-mark: #0054A6; /* símbolo (losango + chevron) e endosso "J2K" */
--crh-brand-word: #0E284F; /* wordmark "CENTRAL DO RH" */
--crh-brand-on-navy: #F5F5F5; /* símbolo + wordmark sobre navy / tema escuro */
}
/*
* ── Logo "Central do RH" (componente COMPARTILHADO) ─────────────────────────────────────────────
* Vive aqui (e não no centralrh.css) porque esta folha carrega em TODAS as superfícies: painéis
* Filament (asset) e páginas de auth/portal/landing (layouts). Markup único em
* resources/views/components/brand-logo.blade.php (lockup: símbolo + wordmark [+ endosso "J2K"]) e
* components/brand-symbol.blade.php (símbolo isolado) — vetores do arquivo OFICIAL da marca
* (public/images/brand/central-do-rh-logotipo.svg), inline num