/* ============================================================================
   Emprega+ — ponte para o ResultX Design System
   ARQUIVO GERADO por scripts/build-brand-bridges.js — nao editar a mao.
   Fonte dos valores: brands/emprega-mais/tokens/tokens.css
   Regenerar: npm run build:bridges

   O que faz
   ---------
   tokens/tokens.css entrega um accent so (teal no dark, azul no light). Esta
   ponte reescreve os tokens semanticos do DS com os valores desta marca, nos
   quatro escopos de tema que o DS usa — incluindo os dois blocos de
   prefers-color-scheme, sem os quais quem nao seta data-theme continua vendo
   teal.

   --text-inverse e a tinta impressa SOBRE o accent (.btn-primary). Nao foi
   escolhida: foi medida contra #0B0E14 e #FFFFFF, e o build falha
   se nenhuma candidata alcancar 4.5:1.

   Como usar — importar DEPOIS dos tokens do DS:
     @import "resultx-design-system/tokens";
     @import "resultx-design-system/brands/emprega-mais/bridge";
   ============================================================================ */

/* Tokens independentes de tema. --text-on-accent carrega a mesma tinta que
   --text-inverse, porque os dois so aparecem sobre um preenchimento de accent. */
:root {
  --text-on-accent: #FFFFFF;
  --accent-secondary-muted: rgba(196, 154, 60, 0.12);
}

/* ---- Tema dark (padrao) ---- */
[data-theme="dark"] {
  --accent-primary: #4f46e5;   /* --emp-indigo-dark */
  --accent-primary-hover: #4940d3;   /* --emp-indigo-hover */
  --accent-primary-muted: rgba(79, 70, 229, 0.15);
  --accent-secondary: #c49a3c;   /* --emp-gold */

  --text-inverse: #FFFFFF;   /* tinta medida sobre o accent: 6.29:1 */
  --accent-primary-text: #b9baf9;   /* --emp-indigo-ink — 10.54:1 sobre o fundo */

  --border-accent: rgba(79, 70, 229, 0.2);
  --focus-ring-color: #b9baf9;   /* solido — minimo 8.56:1 nas superficies do tema */

  --sidebar-active-bg: rgba(79, 70, 229, 0.15);
  --sidebar-text-active: #b9baf9;
  --sidebar-focus-ring: #b9baf9;   /* --emp-indigo-ink do escuro — minimo 10.04:1 na sidebar */

  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
  --shadow-glow-lg: 0 0 40px rgba(79, 70, 229, 0.2), 0 0 80px rgba(79, 70, 229, 0.08);

  --chart-gradient-start: rgba(79, 70, 229, 0.25);
  --chart-gradient-end: rgba(79, 70, 229, 0.02);
  --chart-line: #b9baf9;
}

/* ---- Tema light ---- */
[data-theme="light"] {
  --accent-primary: #4f46e5;   /* --emp-indigo-dark */
  --accent-primary-hover: #4940d3;   /* --emp-indigo-hover */
  --accent-primary-muted: rgba(79, 70, 229, 0.12);
  --accent-secondary: #c49a3c;   /* --emp-gold */

  --text-inverse: #FFFFFF;   /* tinta medida sobre o accent: 6.29:1 */
  --accent-primary-text: #363885;   /* --emp-indigo-ink — 10.19:1 sobre o fundo */

  --border-accent: rgba(79, 70, 229, 0.25);
  --focus-ring-color: #363885;   /* solido — minimo 8.58:1 nas superficies do tema */

  --sidebar-active-bg: #4f46e5;
  --sidebar-text-active: #FFFFFF;
  --sidebar-focus-ring: #b9baf9;   /* --emp-indigo-ink do escuro — minimo 8.57:1 na sidebar */

  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
  --shadow-glow-lg: 0 0 40px rgba(79, 70, 229, 0.2), 0 0 80px rgba(79, 70, 229, 0.08);

  --chart-gradient-start: rgba(79, 70, 229, 0.25);
  --chart-gradient-end: rgba(79, 70, 229, 0.02);
  --chart-line: #363885;
}

/* ---- Auto-deteccao: sem data-theme, respeitar a preferencia do sistema ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --accent-primary: #4f46e5;   /* --emp-indigo-dark */
    --accent-primary-hover: #4940d3;   /* --emp-indigo-hover */
    --accent-primary-muted: rgba(79, 70, 229, 0.15);
    --accent-secondary: #c49a3c;   /* --emp-gold */

    --text-inverse: #FFFFFF;   /* tinta medida sobre o accent: 6.29:1 */
    --accent-primary-text: #b9baf9;   /* --emp-indigo-ink — 10.54:1 sobre o fundo */

    --border-accent: rgba(79, 70, 229, 0.2);
    --focus-ring-color: #b9baf9;   /* solido — minimo 8.56:1 nas superficies do tema */

    --sidebar-active-bg: rgba(79, 70, 229, 0.15);
    --sidebar-text-active: #b9baf9;
    --sidebar-focus-ring: #b9baf9;   /* --emp-indigo-ink do escuro — minimo 10.04:1 na sidebar */

    --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
    --shadow-glow-lg: 0 0 40px rgba(79, 70, 229, 0.2), 0 0 80px rgba(79, 70, 229, 0.08);

    --chart-gradient-start: rgba(79, 70, 229, 0.25);
    --chart-gradient-end: rgba(79, 70, 229, 0.02);
    --chart-line: #b9baf9;
  }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --accent-primary: #4f46e5;   /* --emp-indigo-dark */
    --accent-primary-hover: #4940d3;   /* --emp-indigo-hover */
    --accent-primary-muted: rgba(79, 70, 229, 0.12);
    --accent-secondary: #c49a3c;   /* --emp-gold */

    --text-inverse: #FFFFFF;   /* tinta medida sobre o accent: 6.29:1 */
    --accent-primary-text: #363885;   /* --emp-indigo-ink — 10.19:1 sobre o fundo */

    --border-accent: rgba(79, 70, 229, 0.25);
    --focus-ring-color: #363885;   /* solido — minimo 8.58:1 nas superficies do tema */

    --sidebar-active-bg: #4f46e5;
    --sidebar-text-active: #FFFFFF;
    --sidebar-focus-ring: #b9baf9;   /* --emp-indigo-ink do escuro — minimo 8.57:1 na sidebar */

    --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
    --shadow-glow-lg: 0 0 40px rgba(79, 70, 229, 0.2), 0 0 80px rgba(79, 70, 229, 0.08);

    --chart-gradient-start: rgba(79, 70, 229, 0.25);
    --chart-gradient-end: rgba(79, 70, 229, 0.02);
    --chart-line: #363885;
  }
}