/*
 * E3I Soluções — tokens de marca e de interface (fonte única).
 *
 * Constantes de marca (--e3i-navy-*, --e3i-gold-*, --e3i-blue-*) vêm do logotipo
 * e NÃO mudam com o tema. Tokens de papel (superfície, texto, primário) mudam
 * no modo escuro. Módulos e shell consomem somente estes nomes.
 *
 * Fontes do sistema: a CSP do Hub permite apenas font-src 'self'.
 * Uso do logotipo: platform/brand/README.md.
 */
:root {
  /* Marca (constantes) */
  --e3i-navy-950: #071F4A;
  --e3i-navy-800: #17395C;
  --e3i-blue-700: #174A88;
  --e3i-blue-100: #EAF3FF;
  --e3i-gold-700: #8F6A11;
  --e3i-gold-500: #D9A925;
  --e3i-gold-100: #F7EFCF;

  /* Superfícies e texto — tema claro */
  --e3i-paper: #F0F2EC;
  --e3i-surface: #FBFBF8;
  --e3i-surface-muted: #E9ECE4;
  --e3i-line: #CFD6C6;
  --e3i-ink: #0E1A29;
  --e3i-ink-soft: #5C6672;

  /* Papéis */
  --e3i-primary: var(--e3i-navy-950);
  --e3i-on-primary: #FFFFFF;
  --e3i-primary-soft: var(--e3i-gold-100);
  --e3i-highlight: #7A5A0E; /* dourado escurecido: contraste AA para texto pequeno */
  --e3i-focus: var(--e3i-gold-500);
  --e3i-chart: var(--e3i-blue-700);

  /* Semânticos (estado) — nunca usar como cor de série */
  --e3i-success: #2C5A3C;
  --e3i-success-bg: #E7F1E8;
  --e3i-warning: #8A5A00;
  --e3i-warning-bg: #FFF3D2;
  --e3i-danger: #93261F;
  --e3i-danger-bg: #F7E7E6;
  --e3i-info: #245E9B;
  --e3i-info-bg: #EAF3FF;

  /* Tipografia */
  --e3i-font-ui: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --e3i-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --e3i-font-mono: "Cascadia Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Forma */
  --e3i-radius-sm: 8px;
  --e3i-radius-md: 12px;
  --e3i-radius-lg: 16px;
  --e3i-radius-pill: 999px;
  --e3i-shadow-xs: 0 1px 2px rgba(14, 26, 41, .06);
  --e3i-shadow-md: 0 8px 24px rgba(14, 26, 41, .08);

  /* Logotipo por tema */
  --e3i-logo-positivo: block;
  --e3i-logo-negativo: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --e3i-paper: #0A1426;
    --e3i-surface: #101D34;
    --e3i-surface-muted: #172743;
    --e3i-line: #26395C;
    --e3i-ink: #E8EDF4;
    --e3i-ink-soft: #A3B2C6;
    --e3i-primary: var(--e3i-gold-500);
    --e3i-on-primary: var(--e3i-navy-950);
    --e3i-primary-soft: #2A2410;
    --e3i-highlight: var(--e3i-gold-500);
    --e3i-chart: #6C9BE0;
    --e3i-success: #7ACB92;
    --e3i-success-bg: #13301E;
    --e3i-warning: #E6B54A;
    --e3i-warning-bg: #33280D;
    --e3i-danger: #F08A82;
    --e3i-danger-bg: #3A1A18;
    --e3i-info: #8DB4EC;
    --e3i-info-bg: #142A47;
    --e3i-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
    --e3i-shadow-md: 0 8px 24px rgba(0, 0, 0, .35);
    --e3i-logo-positivo: none;
    --e3i-logo-negativo: block;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --e3i-paper: #0A1426;
  --e3i-surface: #101D34;
  --e3i-surface-muted: #172743;
  --e3i-line: #26395C;
  --e3i-ink: #E8EDF4;
  --e3i-ink-soft: #A3B2C6;
  --e3i-primary: var(--e3i-gold-500);
  --e3i-on-primary: var(--e3i-navy-950);
  --e3i-primary-soft: #2A2410;
  --e3i-highlight: var(--e3i-gold-500);
  --e3i-chart: #6C9BE0;
  --e3i-success: #7ACB92;
  --e3i-success-bg: #13301E;
  --e3i-warning: #E6B54A;
  --e3i-warning-bg: #33280D;
  --e3i-danger: #F08A82;
  --e3i-danger-bg: #3A1A18;
  --e3i-info: #8DB4EC;
  --e3i-info-bg: #142A47;
  --e3i-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
  --e3i-shadow-md: 0 8px 24px rgba(0, 0, 0, .35);
  --e3i-logo-positivo: none;
  --e3i-logo-negativo: block;
  color-scheme: dark;
}

/* Logotipo: use as duas versões lado a lado; o tema mostra a correta. */
.e3i-logo { display: var(--e3i-logo-positivo); height: auto; }
.e3i-logo--negativo { display: var(--e3i-logo-negativo); }