/**
 * IBI brand theme — logo palette (primary cyan, secondary gold, royal blue).
 * Load last so tokens override main.css and feed Bootstrap components.
 */
:root {
  /* Brand (from logo) */
  --ibi-primary: #00aeef;
  --ibi-secondary: #ffcc00;
  --ibi-dark: #003399;
  --ibi-success: #009933;
  --ibi-bg: #ffffff;
  --ibi-text: #2b2f36;
  --ibi-text-muted: #5a6270;

  /* Bootstrap 5.3 */
  --bs-primary: #00aeef;
  --bs-primary-rgb: 0, 174, 239;
  --bs-secondary: #ffcc00;
  --bs-secondary-rgb: 255, 204, 0;
  --bs-success: #009933;
  --bs-success-rgb: 0, 153, 51;
  --bs-body-bg: #ffffff;
  --bs-body-color: #2b2f36;
  --bs-emphasis-color: #003399;
  --bs-link-color: #00aeef;
  --bs-link-hover-color: #003399;
  --bs-border-color: rgba(0, 51, 153, 0.12);
  --bs-heading-color: #003399;

  /* Aliases for ibi-components (backward compatibility) */
  --ibi-navy: var(--ibi-dark);
  --ibi-navy-light: #1a4dcc;
  --ibi-gold: var(--ibi-secondary);
  --ibi-gold-light: #ffe066;
  --ibi-gray: var(--ibi-text-muted);
  --ibi-bg-light: var(--ibi-bg);
  --ibi-slate-bg: var(--ibi-dark);
  --ibi-card-bg: #0d2468;
  --ibi-text-dim: rgba(255, 255, 255, 0.82);
  --ibi-bg-slate: #ffffff;
  --ibi-timeline-text: var(--ibi-text);
  --primary-ibi: var(--ibi-dark);
  --accent-ibi: var(--ibi-secondary);
  --ibi-dates-navy: var(--ibi-dark);
  --ibi-dates-gold: var(--ibi-secondary);
  --iibs-cta-main: var(--ibi-secondary);
  --iibs-cta-dark: var(--ibi-dark);

  /* main.css — align legacy kit with brand */
  --color-primary: var(--ibi-primary);
  --color-heading: var(--ibi-primary);
  --color-violet: var(--ibi-dark);
  --color-dark: var(--ibi-dark);
  --color-secondary: var(--ibi-text-muted);
  --color-default: #3d4450;
  --color-default-two: #4a5568;
  --color-sec-bg: #ffffff;
  --color-gray: #8892a0;
  --color-body: #ffffff;
  --color-light: var(--ibi-dark);
  --color-white: #ffffff;
  --color-black: #000000;

  --font-saira-cond: "Saira Condensed", sans-serif;
}

html {
  background-color: var(--ibi-bg);
}

body,
.body_wrap {
  background-color: var(--ibi-bg) !important;
  color: var(--ibi-text);
}

/* Footer: royal blue instead of generic Bootstrap dark */
footer.footer.bg-dark {
  background-color: var(--ibi-dark) !important;
}

.text-primary {
  color: var(--ibi-primary) !important;
}