/**
 * OmniCRM storefront palette — maroon / near-black / gray (matches typical logo browns & maroons).
 * Loaded after main.css; only overrides CSS variables.
 */
:root {
  /* Primary brand — deep maroon */
  --main-h: 352;
  --main-s: 44%;
  --main-l: 29%;

  /* Secondary accent — charcoal / warm gray (second buttons, contrast) */
  --main-two-h: 25;
  --main-two-s: 8%;
  --main-two-l: 28%;

  /* Typography — neutral black & gray body */
  --black: 0 0% 11%;
  --light: 0 0% 43%;
  --heading-color: var(--black);
  --body-color: var(--light);
  --border-color: 20 6% 82%;

  /* Section / panel tints (replace green-blue pastels) */
  --bg-color-one: #f7f4f4;
  --bg-color-two: #f3f0ef;
  --bg-color-three: #eae7e6;
  --neutral: #1a1a1a;

  /* Neutrals — remove blue-gray cast */
  --neutral-30: #f5f3f3;
  --neutral-40: #e8e5e4;
  --neutral-50: #efedec;
  --neutral-600: #3d3d3d;
  --neutral-700: #2a2a2a;
  --neutral-800: #1f1f1f;
  --neutral-900: #141414;

  /* Gray scale — slightly warm */
  --gray-50: #f4f3f2;
  --gray-100: #e8e6e5;
  --gray-200: #d1cfcd;
  --gray-300: #b0adab;
  --gray-400: #8a8684;
  --gray-500: #6f6b69;
  --gray-600: #575350;
  --gray-700: #454240;
  --gray-800: #2e2c2b;
  --gray-900: #1c1b1a;

  /* “Primary” utilities used alongside main-* (forms, some components) */
  --primary-50: #faf6f7;
  --primary-100: #f1e8ea;
  --primary-200: #e3cfd4;
  --primary-300: #cba7b0;
  --primary-400: #a86d7b;
  --primary-500: #8a4a5a;
  --primary-600: #723848;
  --primary-700: #5f2f3c;
  --primary-800: #4f2833;
  --primary-900: #3d1f28;

  /* Muted UI chips (was icy blue) */
  --light-50: #f6f5f4;
  --light-100: #efedec;
  --light-600: #ebe4e6;
  --light-700: #3a3836;
  --light-800: #252423;

  /* Optional page background token */
  --gray: #faf9f8;

  /* Bootstrap 5 — primary buttons / alerts that use .btn-primary */
  --bs-primary: #723848;
  --bs-primary-rgb: 114, 56, 72;
  --bs-link-color: #723848;
  --bs-link-hover-color: #5f2f3c;
}

/* ---- Footer (Footer Two) — warm charcoal, not flat black (#1A1A1A) ---- */
.bg-black-light {
  background-color: #3f383a !important;
}

.bottom-footer.bg-black-light {
  background-color: #383234 !important;
}

.footer.bg-black-light .border-gray-800,
.bottom-footer.bg-black-light .border-gray-800 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.footer.bg-black-light .text-white,
.bottom-footer.bg-black-light .text-white {
  color: #f0ebeb !important;
}

.footer.bg-black-light a.text-white:hover,
.bottom-footer.bg-black-light a.text-white:hover {
  color: #ffffff !important;
}

/* Secondary accent is too dark on this footer — use soft maroon-tinted highlight */
.footer.bg-black-light .text-main-two-600 {
  color: #d4b8bf !important;
}

/* Link columns: slightly warm gray (not harsh cool gray) */
.footer.bg-black-light a.text-neutral-200 {
  color: #d8d3d4 !important;
}