:root {
  --primary-color: #0d6efd;
  --secondary-color: #1e1e2d;
  --accent-color: #7eb3ff;
  --font-family: 'Inter', sans-serif;

  --top-bar-bg: #1a1a2e;
  --top-bar-text: #ffffff;
  --top-bar-link: #ffffff;
  --top-bar-dropdown-bg: #2b2b40;

  --navbar-bg: #ffffff;
  --navbar-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --nav-link-color: #333333;
  --dropdown-hover-bg: #f8f9fa;

  --cta-bg: #0d6efd;
  --cta-bg-hover: #0b5ed7;
  --cta-text: #ffffff;
  --cta-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
  --cta-shadow-hover: 0 6px 20px rgba(13, 110, 253, 0.4);
  --button-radius: 50px;

  --footer-bg: #1e1e2d;
  --footer-bottom-bg: #151521;
  --footer-text: #aebacf;
  --footer-heading: #ffffff;
  --footer-link: #aebacf;
  --footer-link-hover: #0d6efd;
  --footer-surface: rgba(255, 255, 255, 0.04);
  --footer-border: rgba(255, 255, 255, 0.08);

  --hero-overlay-start: rgba(0, 0, 0, 0.34);
  --hero-overlay-end: rgba(0, 0, 0, 0.46);
  --primary-rgb: 13, 110, 253;
  --page-header-grad-start: #1e1e2d;
  --page-header-grad-end: #2c3e50;
  --panel-hover-bg: #e9ecef;
  --soft-primary-bg: rgba(13, 110, 253, 0.1);
  --badge-active-bg: rgba(255, 255, 255, 0.2);
  --card-shadow-soft: 0 5px 15px rgba(0, 0, 0, 0.02);
  --card-shadow-strong: 0 10px 30px rgba(0, 0, 0, 0.15);
  --support-grad-start: #0d6efd;
  --support-grad-end: #0043a8;
  --header-chip-bg: rgba(13, 110, 253, 0.08);
  --header-chip-text: #1e1e2d;
  --header-chip-border: rgba(13, 110, 253, 0.16);
  --menu-pill-bg: #ffffff;
  --menu-pill-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  --section-accent-bg: linear-gradient(135deg, rgba(13, 110, 253, 0.08), rgba(13, 110, 253, 0.02));

  /* Bootstrap bridge */
  --bs-primary: var(--primary-color);
  --bs-primary-rgb: var(--primary-rgb);
  --bs-link-color: var(--primary-color);
  --bs-link-hover-color: var(--cta-bg-hover);
  --bs-btn-bg: var(--primary-color);
  --bs-btn-border-color: var(--primary-color);
  --bs-btn-hover-bg: var(--cta-bg-hover);
  --bs-btn-hover-border-color: var(--cta-bg-hover);
  --bs-btn-active-bg: var(--cta-bg-hover);
  --bs-btn-active-border-color: var(--cta-bg-hover);
}