/* ===========================================================================
   Site color scheme. Main color #330596 (deep purple), secondary #fa1980
   (magenta), used as a gradient on the main-page hero. Pure CSS — no control
   bar / JS; edit the two values below to retheme.
   =========================================================================== */
:root {
  --theme-main1: #330596;          /* primary */
  --theme-main1-rgb: 51, 5, 150;
  --theme-main2: #fa1980;          /* secondary / gradient end */
  --theme-main2-rgb: 250, 25, 128;
  --theme-bg: #ffffff;
}

/* Re-point Bootstrap's primary + links at the main color */
:root {
  --bs-primary: var(--theme-main1);
  --bs-primary-rgb: var(--theme-main1-rgb);
  --bs-link-color: var(--theme-main1);
  --bs-link-color-rgb: var(--theme-main1-rgb);
  --bs-link-hover-color: var(--theme-main2);
}

/* Primary buttons (Bootstrap 5.3 uses per-component vars) */
.btn-primary {
  --bs-btn-bg: var(--theme-main1);
  --bs-btn-border-color: var(--theme-main1);
  --bs-btn-hover-bg: var(--theme-main2);
  --bs-btn-hover-border-color: var(--theme-main2);
  --bs-btn-active-bg: var(--theme-main2);
  --bs-btn-active-border-color: var(--theme-main2);
  --bs-btn-disabled-bg: var(--theme-main1);
  --bs-btn-disabled-border-color: var(--theme-main1);
}
.btn-outline-primary {
  --bs-btn-color: var(--theme-main1);
  --bs-btn-border-color: var(--theme-main1);
  --bs-btn-hover-bg: var(--theme-main1);
  --bs-btn-hover-border-color: var(--theme-main1);
  --bs-btn-active-bg: var(--theme-main1);
  --bs-btn-active-border-color: var(--theme-main1);
}

/* Utilities / common primary spots */
.text-primary { color: var(--theme-main1) !important; }
.bg-primary   { background-color: var(--theme-main1) !important; }
.navbar.bg-primary { background-color: var(--theme-main1) !important; }
a { color: var(--theme-main1); }

/* Hero / banner: main1 → main2 gradient on the main page */
.hero-section {
  background: linear-gradient(135deg, var(--theme-main1) 0%, var(--theme-main2) 100%);
}

/* Page background */
body { background-color: var(--theme-bg); }