/*
 * BizGo Brand Theme Override
 * Blue:  #2FA5D4 (light)  #1B4483 (dark)
 * Green: #95C02F (light)  #497629 (dark)
 *
 * Replaces the grape color theme with BizGo blue-green brand colors.
 * Load this AFTER grape.css and style.css.
 */

/* ─── 1. CSS Variable Overrides ─────────────────────────────────────── */
:root {
  /* Primary blue replaces grape purple */
  --bs-grape:                 #2FA5D4;
  --bs-grape-rgb:             47, 165, 212;

  /* Tinted / soft variants (derived from blue) */
  --bs-soft-grape:            #e6f5fb;
  --bs-pale-grape:            #d0ecf8;
  --bs-bullet-soft-grape:     #c2e7f5;
  --bs-icon-fill-grape:       #7dcaeb;
  --bs-icon-solid-fill-grape: #a9dbf4;
  --bs-border-soft-grape:     #9dd4ee;
}

/* ─── 2. Gradient overrides ──────────────────────────────────────────── */

/* gradient-1: Blue (light → dark) */
.gradient-1 {
  background-image: linear-gradient(120deg, #2FA5D4 0%, #1B4483 100%);
}
.gradient-1.btn-outline-gradient,
.gradient-1.btn-outline-gradient span {
  background-image:
    linear-gradient(rgba(var(--bs-white-rgb), 0), rgba(var(--bs-white-rgb), 0)),
    linear-gradient(120deg, #2FA5D4 0%, #1B4483 100%);
}

/* gradient-2: Green (light → dark) */
.gradient-2 {
  background-image: linear-gradient(120deg, #95C02F 0%, #497629 100%);
}
.gradient-2.btn-outline-gradient,
.gradient-2.btn-outline-gradient span {
  background-image:
    linear-gradient(rgba(var(--bs-white-rgb), 0), rgba(var(--bs-white-rgb), 0)),
    linear-gradient(120deg, #95C02F 0%, #497629 100%);
}

/* Underline decorations */
.underline-gradient-1:after {
  background: linear-gradient(120deg, #2FA5D4 0%, #1B4483 100%);
}
.underline-gradient-2:after {
  background: linear-gradient(120deg, #95C02F 0%, #497629 100%);
}

/* Text-gradient line decorations */
.text-gradient.text-line.gradient-1:before {
  background: #2FA5D4;
}
.text-gradient.text-line.gradient-2:before {
  background: #95C02F;
}

/* Overlay backgrounds */
.overlay.overlay-gradient-1 span.bg {
  background: linear-gradient(120deg, #2FA5D4 0%, #1B4483 100%);
}
.overlay.overlay-gradient-2 span.bg {
  background: linear-gradient(120deg, #95C02F 0%, #497629 100%);
}

.bg-gradient-primary {
  background-image: linear-gradient(120deg, #2FA5D4 0%, #1B4483 100%);
}

.bg-gradient-secondary {
  background-image: linear-gradient(120deg, #95C02F 0%, #497629 100%);
}

.bg-gradient-primary-soft {
  background-image: linear-gradient(120deg, rgba(47, 165, 212, 0.1) 0%, rgba(27, 68, 131, 0.1) 100%);
}

/* ─── 3. BizGo blue-green icon duo ───────────────────────────────────── */
.solid-duo.text-blue-green .fill-primary {
  fill: #2FA5D4;
}
.solid-duo.text-blue-green .fill-secondary {
  fill: #95C02F;
}