:root {
  /* Font Families */
  --font-family-title: "Playfair Display", sans-serif;
  --font-family-feature: "Oswald", sans-serif;
  --font-family-body: "Open Sans", sans-serif;
  --font-family-button: "Oswald", sans-serif;
  --font-family-title-contact: var(--font-family-feature);

  /* Container Sizes */
  --container-max-width-xl: 1300px;
  --container-main-padding: 9.5rem;
  --container-detail-padding: 6rem;

  /* Base Colors */
  --gray: black;
  --gray-800: black;
  --brand-default: black;
  --brand-primary: #D7B46A;
  --brand-secondary: #1a2c5e;

  /* Brand Primary Hover Shades */
  --brand-primary-90: #c2a25f; /* 90% of primary - slightly darker */
  --brand-primary-80: #ac9155; /* 80% of primary - medium darker */
  --brand-primary-70: #96804a; /* 70% of primary - darker for gradient end */
  
  /* Blog Modern Quote Box */
  --blog-modern-quote-box-base-color-light-52: #9599af; /* Lightened 52% from #1a2c5e */
  --brand-feature: var(--brand-primary);
  --brand-primary-badge: #876419;

  /* RGB values for transparency (CRITICAL for glassmorphic effects!) */
  --brand-default-rgb: 0, 0, 0;          /* black */
  --brand-primary-rgb: 215, 180, 106;    /* #D7B46A */
  --brand-secondary-rgb: 26, 44, 94;     /* #1a2c5e */
  --navbar-text-color-rgb: 255, 255, 255; /* white */

  /* Bootstrap Overrides */
  --enable-rounded: false;
  --enable-shadows: true;
  --enable-gradients: true;

  /* Theme Styles */
  --box-shadow-theme: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --border-theme: none;

  /* Body & Background */
  --body-bg: black;
  --body-bg-gradient: linear-gradient(180deg, rgba(1, 0, 12, 1) 62%, rgba(26, 44, 94, 1) 100%);
  --body-bg-overlay: url(../img/overlay-bg.png) no-repeat, var(--body-bg-gradient);
  --body-color: white;

  /* Component Backgrounds */
  --subscription-banner-bg: var(--brand-secondary);
  --footer-bg: black;
  --footer-copyright-bg: black;
  --card-bg: rgba(26, 44, 94, 0.5);
  --card-form-header-bg: var(--brand-secondary);
  --bg-dashboard-content: none;

  /* Logo Sizes */
  --logo-max-width-xs: 120px;
  --logo-max-width-sm: 120px;
  --logo-max-width-md: 130px;
  --logo-max-width-lg: 140px;
  --logo-max-width-xl: 140px;
  --logo-min-width-xs: 140px;
  --logo-min-width-sm: 140px;
  --logo-min-width-md: 140px;
  --logo-min-width-lg: 140px;
  --logo-min-width-xl: 140px;

  /* Font Weights */
  --font-weight-base: 200;
  --font-weight-normal: 200;
  --font-weight-semi-bold: 500;
  --font-weight-bold: 700;
  --font-weight-h1: 500;
  --font-weight-h2: 500;

  /* Heading Colors */
  --h1-font-color: white;
  --h2-font-color: var(--brand-primary);
  --h3-font-color: var(--brand-primary);
  --h2-font-size: 2rem;

  /* Button Styles */
  --btn-font-weight: 700;
  --btn-font-size: 1.2rem;
  --btn-outline-border: 5px solid white;
  --btn-outline-bg: rgba(0, 0, 0, 0.4);
  --btn-text-transform: uppercase;
  --btn-custom-file-bg: var(--brand-secondary);
  --btn-primary-font-color: black;
  --btn-secondary-font-color: white;
  --btn-feature-font-color: white;

  /* Navbar Styles */
  --navbar-nav-height: 93px;
  --navbar-font-family: var(--font-family-feature);
  --navbar-text-color: white;
  --navbar-text-color-active: var(--brand-primary);
  --navbar-text-color-scrolled: white;
  --navbar-text-color-with-background: white;
  --navbar-text-color-active-with-background: var(--brand-primary);
  --navbar-text-color-dropdown-responsive: white;
  --navbar-btn-bg: var(--brand-primary);
  --navbar-btn-text-color: black;
  --navbar-btn-text-color-scrolled: black;
  --navbar-font-weight: 400;
  --navbar-bg-scrolled: black;
  --navbar-bg-with-background-scrolled: black;
  --navbar-font-size-xl: 1.2rem;
  --navbar-font-size-lg: 1.2rem;
  --navbar-text-transform: uppercase;
  --navbar-toggler-bg: var(--brand-secondary);
  --navbar-nav-icons-margin-bottom-lg: 3px;
  --navbar-brand-margin: 0 auto;

  /* Jumbotron Styles */
  --jumbotron-font-size-h1: 4.5rem;
  --jumbotron-font-weight-h1: 400;
  --jumbotron-font-weight-lead: 100;
  --jumbotron-font-size-lead: 1.4rem;
  --jumbotron-font-color-bg-image: white;
  --jumbotron-text-alignment: center;
  --jumbotron-callout-color: var(--brand-secondary);
  --jumbotron-banner-padding-sm: 8.5rem 0rem 5rem;
  --jumbotron-banner-padding-lg: 8.5rem 0rem 5rem;
  --jumbotron-category-banner-padding: 8.5rem 0rem 5rem;
  --jumbotron-image-bg-banner-padding: 8.5rem 0rem 5rem;
  --jumbotron-contact-bg-banner-padding: 6rem 0 0rem;
  --jumbotron-contact-bg-banner-margin: 0rem;
  --jumbotron-min-height: 0px;
  --jumbotron-overlay-font-color: white;
  --jumbotron-overlay-color: none;
  --jumbotron-overlay-color-opacity: 0;
  --jumbotron-bg: none;
  --jumbotron-font-color: white;
  --jumbotron-contact-font-color: white;
  --jumbotron-contact-font-size: 3rem;

  /* Jumbotron Search */
  --jumbotron-search-bg: var(--brand-primary);
  --jumbotron-search-btn-color: var(--brand-secondary);

  /* Icon & Links */
  --icon-list-color: var(--brand-primary);
  --link-color: var(--brand-primary);

  /* Sidebar */
  --sidebar-nav-active-bg: var(--brand-primary);

  /* Card Styles */
  --card-search-p-font-size: 0.86rem;
  --card-search-p-line-height: 1.2;
  --card-border-width: 0px;

  /* Search Tile */
  --search-tile-image-basic-height-xl: 215px;
  
  /* Chat Colors */
  --chat-feature-color: var(--brand-primary);
  --chat-feature-color-50: #ebdab5; /* Lightened 50% from #D7B46A */
  --chat-feature-color-light: #f5eddd; /* Lightened 70% from #D7B46A */

  /* CTA Form */
  --cta-form-btn-color: var(--brand-primary);
  --cta-form-bg-color: var(--brand-secondary);

  /* Border Radius */
  --border-radius: 0px;

  /* Carousel */
  --carousel-img-opacity: 0.7;
  --carousel-bg-color: black;
  --carousel-min-height: 600px;

  /* Table */
  --table-head-bg: var(--brand-default);

  /* HR */
  --hr-border-color: var(--brand-default);

  /* Modal Filter */
  --modal-filter-bg: rgba(0, 0, 0, 0.95);
  --modal-filter-color: white;
  --modal-filter-hr: var(--brand-secondary);

  /* Images */
  --img-feature-contact-width: 200px;

  /* FAQ */
  --faq-question-bg: white;

  /* Footer */
  --footer-logo-alignment: center;

  /* Subscription Banner - 20% lighter than footer */
  --subscription-banner-bg-dark-10: #333333;

  /* Select2 */
  --select2-selection-single-bg: none;
  --select2-selection-single-border: none;

  /* Anchor */
  --anchor-margin: -115px;

  /* Offcanvas */
  --offcanvas-background: var(--brand-secondary);

  /* Bootstrap RGB Values - Using Brand Colors */
  --bs-primary-rgb: 215, 180, 106;
  /* Using brand-primary #D7B46A */
  --bs-secondary-rgb: 26, 44, 94;
  /* Using brand-secondary #1a2c5e */
  --bs-danger-rgb: 0, 0, 0;
  /* Using brand-default black */

  /* Bootstrap 5 Variable Overrides - Typography and Body */
  --bs-body-font-family: var(--font-family-body);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: var(--font-weight-base);
  --bs-body-line-height: 1.5;

  /* Bootstrap 5 Color Variables */
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-body-color: var(--body-color);
  --bs-body-color-rgb: 255, 255, 255;
  /* white in RGB */
  --bs-body-bg: var(--body-bg);
  --bs-body-bg-rgb: 0, 0, 0;
  /* black in RGB */

  /* Bootstrap 5 Link Variables */
  --bs-link-color: var(--link-color);
  --bs-link-color-rgb: 215, 180, 106;
  --bs-link-hover-color: #c2a25f;
  /* Darkened 10% from brand-primary */
  --bs-link-hover-color-rgb: 194, 162, 95;

  /* Bootstrap 5 Heading Variables */
  --bs-heading-color: var(--h1-font-color);

  --bs-card-bg: none;
}