/* ============================================================================ * jdp-brand.css (LOGIN) — identidade nova da JDP Hub na tela de entrada. * ============================================================================ * * Gêmeo de `shared/styles/jdp-brand.css`. Existe separado porque `login/` é * HTML estático copiado inteiro pro deploy (Time CS/scripts/prepare-deploy.mjs) * e não enxerga `shared/`. * * ⚠️ BASE DUPLA — o bloco de SEEDS abaixo tem que ser IDÊNTICO ao do arquivo * shared. Cor com duas fontes de verdade foi a origem de mais de um incidente * neste repo, então a divergência não depende de disciplina: o teste * `scripts/platform-scope.test.mjs` compara os dois blocos e fica VERMELHO se * um seed sair do lugar. * * ⛔ Toda regra prefixada por `html.jdp-brand`. O boot do index.html adiciona * a classe sempre (Hub = sistema interno do Grupo JDP); o prefixo continua * porque é ele que separa a camada de marca dos tokens-base desta tela. * ========================================================================== */ /* ── SEEDS (espelho de shared/styles/jdp-brand.css) ───────────────────────── */ html.jdp-brand { --jdp-g-100: #F4FBE8; /* tinte de fundo (item ativo na sidebar) */ --jdp-g-200: #E2F3C2; /* bordas suaves, trilhas de barra */ --jdp-g-300: #C9EC6E; /* estados hover claros */ --jdp-g-400: #B5E31B; /* verde-claro — início do gradiente do wordmark */ --jdp-g-500: #7FB43A; /* PRIMÁRIA — o verde que representa a marca */ --jdp-g-600: #5C9445; /* ações/hover */ --jdp-g-700: #3E7B4F; /* verde-escuro — fim do gradiente do wordmark */ --jdp-g-800: #2E5C3B; /* texto sobre claro, máximo contraste */ --jdp-ink: #1A1A1A; /* tinta neutra da marca (o "jdp" do wordmark) */ --jdp-g-500-rgb: 127, 180, 58; --jdp-g-700-rgb: 62, 123, 79; } /* ── Mapeamento pros tokens QUE ESTA TELA USA ────────────────────────────── * Medido em produção: o login não resolve por --accent/--lime, e sim pelo * payload que o boot injeta inline no — --accent-rgb, --g1/--g2/--g3, * --accent2-rgb, --scrim — mais o --grad derivado deles. Repintar --accent * aqui não mudaria um pixel; são estes os tokens que pintam. * ------------------------------------------------------------------------ */ html.jdp-brand { --accent-rgb: var(--jdp-g-500-rgb); --accent2-rgb: var(--jdp-g-700-rgb); --g1: var(--jdp-g-400); --g2: var(--jdp-g-500); --g3: var(--jdp-g-700); /* Véu sobre o fundo — tinta da marca, não o verde-limão antigo. */ --scrim: 26, 26, 26; }