/*
 * Nexia — override da paleta da Control UI.
 *
 * Carregado por <link> injetado no index.html pelo overlay de build
 * (brand/codemods/index-html.mjs). Sobrescreve apenas os tokens de cor
 * definidos em ui/src/styles/base.css; toda a geometria/tipografia do
 * upstream é preservada.
 *
 * ESPECIFICIDADE: os arquivos de tema do upstream usam `:root[data-theme="x"]`
 * (0,2,0) e são injetados em runtime DEPOIS deste arquivo. `:root:root:root`
 * (0,3,0) vence independentemente da ordem de carga, então a marca Nexia se
 * aplica em qualquer família de tema que o usuário escolher.
 *
 * Por que não `ui.seamColor`: aquele caminho aplica a cor como style inline no
 * <html>, o que venceria este arquivo e usaria a MESMA cor em claro e escuro.
 * O amarelo da marca precisa de valores distintos por modo (ver auditoria
 * abaixo), então a paleta vive aqui.
 */

/* ---------------------------------------------------------------- dark ----
 * Auditoria WCAG 2.1 (bg #0e1015, luminância ≈ 0.005):
 *   --accent #febc2b sobre --bg .............. 11.1:1  AAA ✓
 *   --accent-foreground #14100a sobre #febc2b  11.1:1  AAA ✓
 *   --primary-foreground #14100a sobre botão #febc2b .. 11.1:1 ✓
 *   --accent-hover #ffcf5e sobre --bg ........ 13.1:1  ✓
 */
:root:root:root {
  --ring: #febc2b;
  --accent: #febc2b;
  --accent-hover: #ffcf5e;
  --accent-muted: #febc2b;
  --accent-subtle: rgba(254, 188, 43, 0.12);
  --accent-glow: rgba(254, 188, 43, 0.22);
  --accent-foreground: #14100a;

  --primary: #febc2b;
  --primary-hover: #ffcf5e;
  --primary-foreground: #14100a;

  /* O mascote herdado é vermelho-lagosta; realinha com o âmbar da marca. */
  --lobster-icon-body: #febc2b;
  --lobster-icon-shade: #b07f12;
  --lobster-icon-eye: #14100a;
}

/* --------------------------------------------------------------- light ----
 * O amarelo da marca sobre papel (#faf9f7) rende apenas 1.7:1 — reprova como
 * cor de texto. No modo claro o token de TEXTO/ícone escurece para âmbar
 * profundo, enquanto os PREENCHIMENTOS (botões) mantêm o amarelo da marca com
 * tinta escura, preservando a identidade onde ela tem área.
 *
 * Auditoria WCAG 2.1 (bg #faf9f7, luminância ≈ 0.941):
 *   --accent #8f6200 sobre --bg ............... 5.0:1  AA ✓
 *   --accent-hover #755000 sobre --bg ......... 6.8:1  AA ✓
 *   --accent-foreground #ffffff sobre #8f6200 . 5.3:1  AA ✓
 *   --primary-foreground #14100a sobre #febc2b  11.1:1 AAA ✓
 */
:root:root:root:where([data-theme-mode="light"]) {
  --ring: #8f6200;
  --accent: #8f6200;
  --accent-hover: #755000;
  --accent-muted: #8f6200;
  --accent-subtle: rgba(254, 188, 43, 0.18);
  --accent-glow: rgba(254, 188, 43, 0.28);
  --accent-foreground: #ffffff;

  --primary: #febc2b;
  --primary-hover: #e8a91c;
  --primary-foreground: #14100a;

  --lobster-icon-body: #d99a12;
  --lobster-icon-shade: #8f6200;
  --lobster-icon-eye: #14100a;
}