/**
 * Tokens estruturais (fixos) + tokens de marca (por loja).
 * Ver docs_ecommerce/08_tematizacao_por_cliente.md
 */
:root {
  /* Accent = derivação mais clara do primário (substitui o teal fixo); atualizado por applyBrandTheme(). */
  --color-brand-accent: #76a0ca;
  --color-brand-accent-rgb: 118 160 202;
  --color-accent-cyan: var(--color-brand-accent);
  --color-brand-primary: #1b61a7;
  --color-brand-on-primary: #ffffff;
  --color-brand-muted: #e8f0fe;
  --color-brand-primary-hover: #154a80;
  --color-brand-primary-active: #123e6b;
  --color-xblue-dark: #212c52; /* alinhado ao token xblue-dark do DS */
  --color-xbg-light: #f0f4f8;
  /* Fundo escuro: neutro (menos “tela azul”); leve tint da marca vem de applyBrandTheme(). */
  --color-xbg-dark: #121214;
}

.dark {
  color-scheme: dark;
}