/* THEME: LIGHT */
:root,
[data-bs-theme='light'] {
  color-scheme: light;
  /* Your brand tokens */
  --color-primary: #0b4008;
  --color-link: #0b4008;
  --color-hover: #000;

  --nav-text-color: #fff;
  --nav-bg-color: #0b4008;
  --accent-color-primary: #ffba30;
  --accent-color-secondary: #ffd700;

  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;

  /* Map brand → Bootstrap variables */
  --bs-primary: #010156;
  --bs-secondary: #6d757e;
  --bs-success: #448344;
  --bs-info: #30638d;
  --bs-warning: #ad6200;
  --bs-danger: #a51f18;
  --bs-light: #faf3e5;
  --bs-dark: #353b41;

  --bs-primary-rgb: 1, 1, 86;
  --bs-secondary-rgb: 109, 117, 126;
  --bs-success-rgb: 68, 131, 68;
  --bs-info-rgb: 48, 99, 141;
  --bs-warning-rgb: 173, 98, 0;
  --bs-danger-rgb: 165, 31, 24;
  --bs-light-rgb: 249, 250, 251;
  --bs-dark-rgb: 53, 59, 65;

  --body-font-family: var(--font-family-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');

  --bs-body-font-family: var(--font-family-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #22262a;
  --bs-body-color-rgb: 34, 38, 42;
  --bs-body-bg: #faf3e5;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-heading-color: inherit;

  /* Links */
  --bs-link-color: #224faa;           /* unify with Bootstrap’s link var */
  --bs-link-color-rgb: 34, 79, 170;
  --bs-link-hover-color: #424077;
  --bs-link-hover-color-rgb: 66, 64, 119;
  --bs-link-decoration: underline;

  /* Emphasis & subtle */
  --bs-emphasis-color: #000;
  --bs-secondary-color: #22262abf;
  --bs-tertiary-color: #22262a80;
  --bs-secondary-bg: #eaedf0;
  --bs-tertiary-bg: #f9fafb;

  /* Borders & radius */
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dfe3e7;
  --bs-border-color-translucent: #0000002d;
  --bs-border-radius: .25rem;
  --bs-border-radius-sm: .2rem;
  --bs-border-radius-lg: .3rem;
  --bs-border-radius-xl: .3rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  /* Shadows & focus */
  --bs-box-shadow: 0 .5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 .125rem .25rem #00000013;
  --bs-box-shadow-lg: 0 1rem 3rem #0000002d;
  --bs-box-shadow-inset: inset 0 1px 2px #00000013;
  --bs-focus-ring-width: .25rem;
  --bs-focus-ring-opacity: .25;
  --bs-focus-ring-color: #01015640;

  /* Forms */
  --bs-form-valid-color: #448344;
  --bs-form-valid-border-color: #448344;
  --bs-form-invalid-color: #a51f18;
  --bs-form-invalid-border-color: #a51f18;

  /* Header background */
  --header-background-image: linear-gradient(30deg, #fefcf9 300px, var(--accent-color-primary));
  --header-background-position: auto;
  --header-background-attachment: fixed;
  --header-background-repeat: repeat;
  --header-background-size: auto;
  --header-background-grad-start: #fefcf9;
  --header-background-grad-end: #f9f5ef;

  /* Extra palette you set (kept) */
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;

  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;

  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
}

/* BUTTONS — remapped to Bootstrap's button variables */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-focus-shadow-rgb: 39, 39, 111;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: gray;
  --bs-btn-disabled-border-color: gray;
}

.btn-secondary {
  --bs-btn-color: var(--nav-text-color);
  --bs-btn-bg: var(--nav-bg-color);
  --bs-btn-border-color: hsl(210, 7%, 46%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5d636b;
  --bs-btn-hover-border-color: #575e65;
  --bs-btn-focus-shadow-rgb: 128, 128, 128; /* gray */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #575e65;
  --bs-btn-active-border-color: #52585f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: hsl(210, 7%, 46%);
  --bs-btn-disabled-border-color: hsl(210, 7%, 46%);
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: hsl(120, 32%, 39%);
  --bs-btn-border-color: hsl(120, 32%, 39%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3a6f3a;
  --bs-btn-hover-border-color: #366936;
  --bs-btn-focus-shadow-rgb: 96, 150, 96;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #366936;
  --bs-btn-active-border-color: #336233;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: hsl(120, 32%, 39%);
  --bs-btn-disabled-border-color: hsl(120, 32%, 39%);
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: hsl(207, 49%, 37%);
  --bs-btn-border-color: hsl(207, 49%, 37%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #295478;
  --bs-btn-hover-border-color: #264f71;
  --bs-btn-focus-shadow-rgb: 79, 122, 158;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #264f71;
  --bs-btn-active-border-color: #244a6a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: hsl(207, 49%, 37%);
  --bs-btn-disabled-border-color: hsl(207, 49%, 37%);
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: hsl(34, 100%, 34%);
  --bs-btn-border-color: hsl(34, 100%, 34%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #935300;
  --bs-btn-hover-border

/* THEME: DARK */
[data-bs-theme='dark'] {
  color-scheme: dark;

  /* Brand tokens (kept) */
  --nav-text-color: #fff;
  --nav-bg-color: #0b4008;
  --accent-color-primary: #ffba30;
  --accent-color-secondary: #ffd700;

  /* Core Bootstrap colors tuned for dark UI */
  --bs-body-bg: #0f1115;
  --bs-body-bg-rgb: 15, 17, 21;
  --bs-body-color: #e9ecef;
  --bs-body-color-rgb: 233, 236, 239;

  --bs-emphasis-color: #fff;
  --bs-secondary-color: rgba(233, 236, 239, .7);
  --bs-tertiary-color: rgba(233, 236, 239, .5);

  --bs-secondary-bg: #12161c;
  --bs-tertiary-bg: #0c1014;

  /* Borders & focus */
  --bs-border-color: #2b3238;
  --bs-border-color-translucent: rgba(255, 255, 255, .15);
  --bs-focus-ring-color: #5b63ff40;

  /* Brand mapping (kept hues, raised luminance where helpful) */
  --bs-primary: #3138b8;           /* brighter take on #010156 */
  --bs-secondary: #6d757e;
  --bs-success: #4e9b4e;           /* slightly brighter for contrast */
  --bs-info: #3a78a8;
  --bs-warning: #d28a1a;
  --bs-danger: #c63a30;
  --bs-light: #343a40;
  --bs-dark: #0f1115;

  --bs-primary-rgb: 49, 56, 184;
  --bs-success-rgb: 78, 155, 78;
  --bs-info-rgb: 58, 120, 168;
  --bs-warning-rgb: 210, 138, 26;
  --bs-danger-rgb: 198, 58, 48;

  /* Links on dark: readable and branded */
  --bs-link-color: #9fb3ff;
  --bs-link-color-rgb: 159, 179, 255;
  --bs-link-hover-color: #c6d0ff;
  --bs-link-hover-color-rgb: 198, 208, 255;
  --bs-link-decoration: underline;

  /* Subtle backgrounds on dark */
  --primary-text-emphasis: #cfd3ff;
  --secondary-text-emphasis: #cfd2d6;
  --success-text-emphasis: #cfe8cf;
  --info-text-emphasis: #cfe0ee;
  --warning-text-emphasis: #ffe3b5;
  --danger-text-emphasis: #ffd0cd;
  --light-text-emphasis: #e9ecef;
  --dark-text-emphasis: #e9ecef;

  --primary-bg-subtle: #181a31;
  --secondary-bg-subtle: #1a1d21;
  --success-bg-subtle: #142015;
  --info-bg-subtle: #101c26;
  --warning-bg-subtle: #231a0c;
  --danger-bg-subtle: #2a100e;
  --light-bg-subtle: #1c2024;
  --dark-bg-subtle: #0c0f12;

  --primary-border-subtle: #2a2e57;
  --secondary-border-subtle: #2a2f35;
  --success-border-subtle: #233824;
  --info-border-subtle: #1f3444;
  --warning-border-subtle: #3a2a11;
  --danger-border-subtle: #441a17;
  --light-border-subtle: #2b3238;
  --dark-border-subtle: #1a1f24;

  /* Header background (dark variant) */
  --header-background-image: linear-gradient(30deg, #151a20, #0f1115);
  --header-background-position: center;
  --header-background-attachment: fixed;
  --header-background-repeat: no-repeat;
  --header-background-size: cover;
  --header-background-grad-start: #151a20;
  --header-background-grad-end: #0f1115;
}

/* Buttons on dark — keep your shapes but nudge contrast */
[data-bs-theme='dark'] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2a31a6;            /* raised from #010149 */
  --bs-btn-border-color: #272f9f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3940bb;
  --bs-btn-hover-border-color: #2f36b3;
  --bs-btn-focus-shadow-rgb: 91, 99, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f36b3;
  --bs-btn-active-border-color: #2a31a6;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2a31a6;
  --bs-btn-disabled-border-color: #2a31a6;
}

[data-bs-theme='dark'] .btn-secondary {
  --bs-btn-color: var(--nav-text-color);
  --bs-btn-bg: var(--nav-bg-color);
  --bs-btn-border-color: #3a4046;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #265c26;
  --bs-btn-hover-border-color: #224f22;
  --bs-btn-focus-shadow-rgb: 128, 128, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #224f22;
  --bs-btn-active-border-color: #1d441d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3a4046;
  --bs-btn-disabled-border-color: #3a4046;
}

[data-bs-theme='dark'] .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3f8e3f;
  --bs-btn-border-color: #3a843a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4ea14e;
  --bs-btn-hover-border-color: #499949;
  --bs-btn-focus-shadow-rgb: 96, 150, 96;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #499949;
  --bs-btn-active-border-color: #438f43;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3a843a;
  --bs-btn-disabled-border-color: #3a843a;
}

[data-bs-theme='dark'] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #356e9c;
  --bs-btn-border-color: #326895;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3f7dad;
  --bs-btn-hover-border-color: #3a76a5;
  --bs-btn-focus-shadow-rgb: 79, 122, 158;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a76a5;
  --bs-btn-active-border-color: #356e9c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #326895;
  --bs-btn-disabled-border-color: #326895;
}

[data-bs-theme='dark'] .btn-warning {
  --bs-btn-color: #342200;         /* dark text for AAA on warm yellow */
  --bs-btn-bg: #e7a31b;
  --bs-btn-border-color: #db9817;
  --bs-btn-hover-color: #2b1a00;
  --bs-btn-hover-bg: #f0b436;
  --bs-btn-hover-border-color: #e6a92d;
  --bs-btn-focus-shadow-rgb: 210, 138, 26;
  --bs-btn-active-color: #2b1a00;
  --bs-btn-active-bg: #e6a92d;
  --bs-btn-active-border-color: #db9817;
  --bs-btn-disabled-color: #342200;
  --bs-btn-disabled-bg: #db9817;
  --bs-btn-disabled-border-color: #db9817;
}

[data-bs-theme='dark'] .btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b3312a;
  --bs-btn-border-color: #ab2d26;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c4443c;
  --bs-btn-hover-border-color: #b83b34;
  --bs-btn-focus-shadow-rgb: 198, 58, 48;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b83b34;
  --bs-btn-active-border-color: #ab2d26;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ab2d26;
  --bs-btn-disabled-border-color: #ab2d26;
}

[data-bs-theme='dark'] .btn-light {
  --bs-btn-color: #0f1115;
  --bs-btn-bg: #e9ecef;
  --bs-btn-border-color: #dfe3e7;
  --bs-btn-hover-color: #0f1115;
  --bs-btn-hover-bg: #f4f6f8;
  --bs-btn-hover-border-color: #e9edf1;
  --bs-btn-focus-shadow-rgb: 233, 236, 239;
  --bs-btn-active-color: #0f1115;
  --bs-btn-active-bg: #e9edf1;
  --bs-btn-active-border-color: #dfe3e7;
  --bs-btn-disabled-color: #0f1115;
  --bs-btn-disabled-bg: #dfe3e7;
  --bs-btn-disabled-border-color: #dfe3e7;
}

[data-bs-theme='dark'] .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #21252b;
  --bs-btn-border-color: #1b1f24;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b3036;
  --bs-btn-hover-border-color: #24292f;
  --bs-btn-focus-shadow-rgb: 33, 37, 43;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24292f;
  --bs-btn-active-border-color: #1b1f24;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1b1f24;
  --bs-btn-disabled-border-color: #1b1f24;
}
}
/* Outline variants generally look good on dark with existing hues;
   you can keep your light rules, or add custom dark ones similarly. */

/* Contact banner container */
.contact-us-banner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  width: 100%;
  max-height: 90vh;

  background: var(--white);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;

  color: #0b4008;
  border-radius: 5px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);

  text-align: center;
  text-decoration: none; /* removes link underline */
  overflow: hidden;
}

/* Header strip with wave background */
.header-strip {
  position: relative;
  width: 100%;
  height: 180px;
  background: url("../../../../../../images/headers/ynk9b-47bi-hlps54-538w.png") no-repeat center/cover;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

/* Button lookalike (span inside anchor) */
.btn-header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #ffd700, #ffba30);
  color: #0b4008;
  font-weight: bold;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 1.2rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  transition: transform .2s ease, box-shadow .2s ease;
  display: inline-block;
  pointer-events: none; /* keeps the whole banner clickable */
}

/* Hover effects on parent still affect look */
.contact-us-banner:hover .btn-header {
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}

/* Features list */
.features {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  color: #0b4008;
}

.features li {
  margin-bottom: 12px;
}

/* Footer text */
.footer {
  font-size: clamp(12px, 1.5vw, 16px);
  color: #0b4008;
  margin-top: auto;
}