/**
 * Tokens de identidade — IBG · Aviva · Connected.
 * Cores, botões e hover saem daqui no primeiro paint.
 * O Supabase não altera este tema.
 */

:root {
  /* —— IBG —— */
  --ibg-primary: #00875a;
  --ibg-primary-hover: #006b48;
  --ibg-secondary: #014f36;
  --ibg-accent: #c8a45d;
  --ibg-ivory: #f7f4ed;

  /* —— Aviva (laranja editorial) —— */
  --aviva-primary: #f28c28;
  --aviva-primary-hover: #e86b18;
  --aviva-secondary: #24211f;
  --aviva-accent: #f5f0e8;
  --aviva-bg: #f5f0e8;
  --aviva-ink: #24211f;

  /* —— Connected (roxo + verde) —— */
  --connected-primary: #6945a1;
  --connected-primary-hover: #382553;
  --connected-secondary: #382553;
  --connected-accent: #b5d56a;
  --connected-bg: #f1edf8;
  --connected-ink: #25232a;

  /* —— Neutros (site escuro) —— */
  --ibg-bg: #0c0b0a;
  --ibg-bg-2: #141312;
  --ibg-surface: #1a1917;
  --ibg-border: rgba(255, 252, 249, 0.12);
  --ibg-text: #fffcf9;
  --ibg-text-secondary: rgba(255, 252, 249, 0.78);
  --ibg-text-muted: rgba(255, 252, 249, 0.55);

  --ibg-danger: #e85d5d;
  --ibg-success: #00875a;
  --ibg-warning: #e6b325;
  --ibg-info: #5b9fd6;

  --ibg-font: "IBG", system-ui, sans-serif;

  /* —— Botão (default = IBG) —— */
  --btn-bg: var(--ibg-primary);
  --btn-fg: var(--ibg-ivory);
  --btn-hover-bg: var(--ibg-primary-hover);
  --btn-hover-fg: var(--ibg-ivory);
  --btn-border: var(--btn-bg);
  --btn-radius: 4px;
  --btn-height: 48px;
  --btn-height-sm: 44px;
  --btn-pad-y: 0.75rem;
  --btn-pad-x: 1.2rem;
  --btn-font-size: 0.92rem;
  --btn-font-weight: 700;
  --btn-gap: 0.45rem;
  --btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  --btn-shadow-hover: 0 3px 12px rgba(0, 0, 0, 0.22);
  --btn-focus: 2px solid #fffcf9;
  --btn-focus-offset: 2px;

  /* Aliases usados pelo CMS / legado de variáveis */
  --theme: var(--btn-bg);
  --theme-hover: var(--btn-hover-bg);
  --ibg-green: var(--ibg-primary);
  --ibg-green-hover: var(--ibg-primary-hover);
  --ibg-green-rgb: 0, 135, 90;
  --ibg-orange: var(--ibg-accent);
  --ibg-btn-bg: var(--btn-bg);
  --ibg-btn-text: var(--btn-fg);
  --ibg-btn-ink: var(--btn-fg);
  --ibg-btn-hover: var(--btn-hover-bg);
  --ibg-btn-hover-text: var(--btn-hover-fg);
  --ibg-btn-border: var(--btn-border);
  --ibg-ds-btn-radius: var(--btn-radius);
  --ibg-ds-btn-shadow: var(--btn-shadow);
  --ibg-ds-btn-shadow-hover: var(--btn-shadow-hover);
  --min-btn-bg: var(--btn-bg);
  --min-btn-fg: var(--btn-fg);
}

html[data-brand="ibg"],
body[data-brand="ibg"] {
  --btn-bg: var(--ibg-primary);
  --btn-fg: var(--ibg-ivory);
  --btn-hover-bg: var(--ibg-primary-hover);
  --btn-hover-fg: var(--ibg-ivory);
  --btn-radius: 10px;
  --btn-height: 48px;
  --btn-height-sm: 44px;
  --btn-shadow: none;
  --btn-shadow-hover: none;
  --theme: var(--ibg-primary);
  --theme-hover: var(--ibg-primary-hover);
}

html[data-brand="ibg"] .ibg-header {
  background: #0c0b0a;
  border-bottom: 0;
  box-shadow: none;
}

html[data-brand="ibg"] .ibg-header__list a,
html[data-brand="ibg"] .ibg-header__menu {
  color: #f7f4ed;
}

html[data-brand="ibg"] .ibg-header__list a:hover,
html[data-brand="ibg"] .ibg-header__item.active > a,
html[data-brand="ibg"] .ibg-header__item.is-current > a {
  color: #fffcf9;
}

html[data-brand="ibg"] .ibg-header__cta {
  background: #00875a;
  color: #f7f4ed;
  border-color: #00875a;
}

html[data-brand="ibg"] .ibg-site :is(h2, h3, .section-title h2, .ibg-ofertas__display-title, .ibg-pub-head h1, .ibg-pub-head h2):not(#ibg-welcome-title) {
  color: #00875a;
}

html[data-brand="ibg"] .ibg-header__menu {
  border-color: rgba(247, 244, 237, 0.45);
}

html[data-brand="ibg"] .ibg-header__menu-bars,
html[data-brand="ibg"] .ibg-header__menu-bars::before,
html[data-brand="ibg"] .ibg-header__menu-bars::after {
  background: #f7f4ed;
}

html[data-brand="aviva"],
body[data-brand="aviva"],
body.ibg-min-v2--aviva {
  --btn-bg: var(--aviva-primary);
  --btn-fg: #24211f;
  --btn-hover-bg: var(--aviva-primary-hover);
  --btn-hover-fg: #fff;
  --theme: var(--aviva-primary);
  --theme-hover: var(--aviva-primary-hover);
  --min-accent: var(--aviva-primary);
  --min-accent-2: var(--aviva-secondary);
  --min-accent-3: var(--aviva-accent);
  --mv2-green: var(--aviva-primary);
  --mv2-orange: var(--aviva-accent);
}

html[data-brand="connected"],
body[data-brand="connected"],
body.ibg-min-v2--connected {
  --btn-bg: var(--connected-primary);
  --btn-fg: #fff;
  --btn-hover-bg: var(--connected-primary-hover);
  --btn-hover-fg: #fff;
  --theme: var(--connected-primary);
  --theme-hover: var(--connected-primary-hover);
  --min-accent: var(--connected-primary);
  --min-accent-2: var(--connected-secondary);
  --min-accent-3: var(--connected-accent);
  --mv2-green: var(--connected-primary);
  --mv2-orange: var(--connected-accent);
}