/* EGI · tokens oficiais do Design System (docs/marca-egi/tokens.css, Brand Book v1.0, nov/2026).
   Tema claro (Marfim) é o padrão; tema escuro (Marinho) quando a página marca data-tema="escuro".
   Não inventar cor fora desta lista (Brand Book §9 e §11.5). */
@import url('/vendor/fontes/lora/index.css');
@import url('/vendor/fontes/source-sans-3/index.css');

:root {
  --marca-marinho: #13254a;
  --marca-marinho-profundo: #0e1a33;
  --marca-aco: #9db0c8;
  --marca-aco-escuro: #4e6582;
  --marca-marfim: #f5f1e8;
  --surface: #fbf9f4;
  --surface-alt: #f5f1e8;
  --surface-raised: #ffffff;
  --ink: #13254a;
  --ink-muted: #4a5363;
  --accent-ink: #4e6582;
  --accent: #9db0c8;
  --on-accent: #0e1a33;
  --primary: #13254a;
  --on-primary: #f5f1e8;
  --line: #d9d2c3;
  --border: #8a8270;
  --focus: #4e6582;
  --success: #2e6b50;
  --warning: #8a5a0b;
  --danger: #9e3a36;
  --shadow-1: 0 8px 24px rgba(19, 37, 74, 0.10);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --radius-0: 0px; --radius-1: 2px; --radius-2: 4px;
  --hairline: 1px; --focus-ring: 2px;
  --font-serif: "Lora Variable", Lora, Georgia, serif;
  --font-sans: "Source Sans 3 Variable", "Source Sans 3", "Segoe UI", Helvetica, Arial, sans-serif;
  color-scheme: light;
}
:root[data-tema="escuro"] {
  --surface: #0e1a33;
  --surface-alt: #16264a;
  --surface-raised: #1a2c54;
  --ink: #f5f1e8;
  --ink-muted: #b3bdcc;
  --accent-ink: #9db0c8;
  --accent: #9db0c8;
  --on-accent: #0e1a33;
  --primary: #f5f1e8;
  --on-primary: #13254a;
  --line: #2b3f6b;
  --border: #7086aa;
  --focus: #9db0c8;
  --success: #7fbfa0;
  --warning: #e0b25e;
  --danger: #e8908a;
  --shadow-1: 0 8px 24px rgba(0, 0, 0, 0.40);
  color-scheme: dark;
}

/* estilos tipográficos do Brand Book §12.2 */
.egi-display { font-family: var(--font-serif); font-size: 56px; line-height: 60px; font-weight: 500; letter-spacing: -0.01em; }
.egi-h1 { font-family: var(--font-serif); font-size: 40px; line-height: 48px; font-weight: 500; }
.egi-h2 { font-family: var(--font-serif); font-size: 30px; line-height: 38px; font-weight: 500; }
.egi-h3 { font-family: var(--font-serif); font-size: 22px; line-height: 30px; font-weight: 600; }
.egi-lead { font-family: var(--font-serif); font-size: 20px; line-height: 31px; font-weight: 400; }
.egi-label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-ink); }
.egi-caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; color: var(--ink-muted); }

/* assinatura de oferta (Brand Book §4): assinatura EGI + filete vertical + descritor em Source Sans 3 Semibold.
   As duas versões vão no HTML; o tema mostra a certa (positiva no claro, negativa no escuro). */
.egi-oferta { display: inline-flex; align-items: center; gap: 0.6em; color: var(--ink); text-decoration: none; }
.egi-oferta img { display: block; height: 100%; width: auto; }
.egi-oferta .egi-assinatura { height: 1.55em; }
.egi-oferta .egi-filete { width: 1px; align-self: stretch; margin: 0.15em 0; background: currentColor; }
.egi-oferta .egi-descritor { font-family: var(--font-sans); font-weight: 600; letter-spacing: 0.01em; line-height: 1; }
.egi-negativa { display: none !important; }
:root[data-tema="escuro"] .egi-positiva { display: none !important; }
:root[data-tema="escuro"] .egi-negativa { display: block !important; }
.egi-legal { font-family: var(--font-sans); font-size: 13px; line-height: 18px; color: var(--ink-muted); }

/* foco visível em tudo que é interativo (Brand Book §16) */
:focus-visible { outline: var(--focus-ring) solid var(--focus); outline-offset: 2px; }