/* Custom theme with #ed2d8a as primary color and #42593B as secondary */
:root {
  --bs-primary: #ed2d8a;
  --bs-primary-rgb: 237, 45, 138;
  --bs-primary-text-emphasis: #5f1237;
  --bs-primary-bg-subtle: #fbd6e8;
  --bs-primary-border-subtle: #f7add1;

  --bs-secondary: #42593B;
  --bs-secondary-rgb: 66, 89, 59;
  --bs-secondary-text-emphasis: #1a2318;
  --bs-secondary-bg-subtle: #dbe0d9;
  --bs-secondary-border-subtle: #b7c2b3;

  /* Adjust link colors to match primary */
  --bs-link-color: #ed2d8a;
  --bs-link-color-rgb: 237, 45, 138;
  --bs-link-hover-color: #be246e;
  --bs-link-hover-color-rgb: 190, 36, 110;

  /* Override default Bootstrap primary */
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #be246e;
  --bs-btn-hover-border-color: #be246e;
  --bs-btn-active-bg: #991c58;
  --bs-btn-active-border-color: #991c58;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Primary button */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ed2d8a;
  --bs-btn-border-color: #ed2d8a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #be246e;
  --bs-btn-hover-border-color: #be246e;
  --bs-btn-focus-shadow-rgb: 240, 77, 156;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #991c58;
  --bs-btn-active-border-color: #991c58;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ed2d8a;
  --bs-btn-disabled-border-color: #ed2d8a;
}

/* Outline primary button */
.btn-outline-primary {
  --bs-btn-color: #ed2d8a;
  --bs-btn-border-color: #ed2d8a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ed2d8a;
  --bs-btn-hover-border-color: #ed2d8a;
  --bs-btn-focus-shadow-rgb: 237, 45, 138;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ed2d8a;
  --bs-btn-active-border-color: #ed2d8a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ed2d8a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ed2d8a;
}

/* Enhance dropdown menu in navbar */
.navbar .dropdown-menu {
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

[data-bs-theme=light] .navbar .dropdown-menu {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.1);
}

[data-bs-theme=dark] .navbar .dropdown-menu {
  background-color: #212529;
  border-color: #495057;
}

/* Secondary button */
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #42593B;
  --bs-btn-border-color: #42593B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #36482f;
  --bs-btn-hover-border-color: #36482f;
  --bs-btn-focus-shadow-rgb: 94, 114, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2a3824;
  --bs-btn-active-border-color: #2a3824;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #42593B;
  --bs-btn-disabled-border-color: #42593B;
}

/* Outline secondary button */
.btn-outline-secondary {
  --bs-btn-color: #42593B;
  --bs-btn-border-color: #42593B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #42593B;
  --bs-btn-hover-border-color: #42593B;
  --bs-btn-focus-shadow-rgb: 66, 89, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #42593B;
  --bs-btn-active-border-color: #42593B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #42593B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #42593B;
}

/* Primary color components */
.text-primary { color: #ed2d8a !important; }
.bg-primary { background-color: #ed2d8a !important; }
.border-primary { border-color: #ed2d8a !important; }

/* Secondary color components */
.text-secondary { color: #42593B !important; }
.bg-secondary { background-color: #42593B !important; }
.border-secondary { border-color: #42593B !important; }

.form-check-input:checked {
  background-color: #ed2d8a;
  border-color: #ed2d8a;
}

.form-select:focus,
.form-control:focus {
  border-color: #f47fb2;
  box-shadow: 0 0 0 0.25rem rgba(237, 45, 138, 0.25);
}

/* Custom navbar styling with primary color */
.navbar {
  background-color: #ed2d8a !important;
}

.navbar-light {
  --bs-navbar-color: rgba(255, 255, 255, 0.85);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.2);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Dark mode adjustments */
[data-bs-theme=dark] {
  --bs-primary: #f46bab;
  --bs-primary-rgb: 244, 107, 171;
  --bs-primary-text-emphasis: #f9a7cd;
  --bs-primary-bg-subtle: #4a0e2b;
  --bs-primary-border-subtle: #701645;

  --bs-secondary: #5a7a51;
  --bs-secondary-rgb: 90, 122, 81;
  --bs-secondary-text-emphasis: #8ca884;
  --bs-secondary-bg-subtle: #2b392a;
  --bs-secondary-border-subtle: #42593B;

  /* Adjust link colors for dark mode */
  --bs-link-color: #f9a7cd;
  --bs-link-color-rgb: 249, 167, 205;
  --bs-link-hover-color: #fabcd9;
  --bs-link-hover-color-rgb: 250, 188, 217;
}

[data-bs-theme=dark] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f46bab;
  --bs-btn-border-color: #f46bab;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ed2d8a;
  --bs-btn-hover-border-color: #e01c7d;
  --bs-btn-focus-shadow-rgb: 246, 130, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e01c7d;
  --bs-btn-active-border-color: #d01975;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f46bab;
  --bs-btn-disabled-border-color: #f46bab;
}

[data-bs-theme=dark] .btn-outline-primary {
  --bs-btn-color: #f9a7cd;
  --bs-btn-border-color: #f46bab;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f9a7cd;
  --bs-btn-hover-border-color: #f46bab;
  --bs-btn-focus-shadow-rgb: 244, 107, 171;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9a7cd;
  --bs-btn-active-border-color: #f46bab;
}

[data-bs-theme=dark] .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5a7a51;
  --bs-btn-border-color: #5a7a51;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #42593B;
  --bs-btn-hover-border-color: #3c5336;
  --bs-btn-focus-shadow-rgb: 115, 142, 107;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3c5336;
  --bs-btn-active-border-color: #364d31;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5a7a51;
  --bs-btn-disabled-border-color: #5a7a51;
}

[data-bs-theme=dark] .btn-outline-secondary {
  --bs-btn-color: #8ca884;
  --bs-btn-border-color: #5a7a51;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #8ca884;
  --bs-btn-hover-border-color: #5a7a51;
  --bs-btn-focus-shadow-rgb: 90, 122, 81;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #8ca884;
  --bs-btn-active-border-color: #5a7a51;
}

/* Dark mode navbar */
[data-bs-theme=dark] .navbar {
  background-color: #9e1e5c !important;
  border-color: #701645 !important;
}

/* Footer customization */
.footer {
  background-color: rgba(237, 45, 138, 0.05);
  border-color: rgba(237, 45, 138, 0.1) !important;
}

[data-bs-theme=dark] .footer {
  background-color: #4a0e2b;
  border-color: #701645 !important;
}