:root {
  /* Font Families */
  --font-family-feature: 'Nunito Sans', "Helvetica Neue", Arial, sans-serif;
  --font-family-body: 'Nunito Sans', "Helvetica Neue", Arial, sans-serif;
  
  /* Container Sizes */
  --container-max-width-xl: 1400px;
  
  /* Base Colors */
  --gray: #1B1D21;
  --brand-default: #000100;
  --brand-primary: #c4942e;
  --brand-secondary: #aab7b9;
  
  /* Brand Primary Hover Shades */
  --brand-primary-90: #b08529; /* 90% of primary - slightly darker */
  --brand-primary-80: #9d7625; /* 80% of primary - medium darker */
  --brand-primary-70: #896820; /* 70% of primary - darker for gradient end */
  
  /* Blog Modern Quote Box */
  --blog-modern-quote-box-base-color-light-52: #d8dadb; /* Lightened 52% from #aab7b9 */
  
  /* RGB values for transparency (CRITICAL for glassmorphic effects!) */
  --brand-default-rgb: 0, 1, 0;          /* #000100 */
  --brand-primary-rgb: 196, 148, 46;     /* #c4942e */
  --brand-secondary-rgb: 170, 183, 185;  /* #aab7b9 */
  --navbar-text-color-rgb: 0, 0, 0;      /* black */
  
  /* Modal Styles */
  --modal-header-background: var(--brand-primary);
  
  /* Logo Sizes */
  --logo-max-width-xxs: 130px;
  --logo-max-width-xs: 130px;
  --logo-max-width-sm: 130px;
  --logo-max-width-md: 150px;
  --logo-max-width-lg: 200px;
  --logo-max-width-xl: 200px;
  
  /* Navbar Styles */
  --navbar-font-weight: 600;
  --navbar-btn-bg: var(--brand-primary);
  --navbar-font-size-lg: 1.2rem;
  --navbar-font-size-md: 0.71rem;
  --navbar-text-color: black;
  --navbar-text-color-active: var(--brand-primary);
  --navbar-text-color-active-with-background: var(--brand-primary);
  --navbar-text-color-with-background-scrolled: black;
  --navbar-bg-with-background-scrolled: white;
  --navbar-text-color-with-background: black;
  
  /* Anchor Styles */
  --anchor-margin: -70px;
  
  /* Jumbotron Styles */
  --jumbotron-font-weight-h1: 700;
  --jumbotron-font-size-h1: 40px;
  --jumbotron-font-size-lead: 20px;
  --jumbotron-font-size-p: 16px;
  --jumbotron-image-bg-banner-padding: 5rem 0 5rem 0;
  --jumbotron-banner-padding-sm: 5rem 0 3rem 0;
  --jumbotron-banner-padding-lg: 5rem 0 5rem 0;
  --jumbotron-font-color: black;
  --jumbotron-overlay-color: none;
  --jumbotron-overlay-color-opacity: 0.8;
  --jumbotron-overlay-font-color: black;
  --jumbotron-min-height-desktop: 250px;
  --jumbotron-min-height-mobile: 250px;
  --jumbotron-btn-background-primary: var(--brand-primary);
  --jumbotron-btn-background-secondary: var(--brand-secondary);
  --jumbotron-margin-bottom-sm: 2rem;
  --jumbotron-margin-bottom-lg: 2rem;
  --jumbotron-banner-top-margin: -145px;
  
  /* Jumbotron Search */
  --jumbotron-search-btn-color: var(--brand-primary);
  --jumbotron-search-border-radius: 5px;
  
  /* Typography */
  --font-weight-semi-bold: 600;
  --line-height-base: 1.4;
  --font-weight-h2: 700;
  --h2-font-size-lg: 32px;
  
  /* Tree Styles */
  --tree-text-transform: capitalize;
  --tree-title-text-align: center;
  
  /* Button Colors */
  --btn-primary-font-color: white;
  --btn-secondary-font-color: white;
  --btn-feature-font-color: white;
  
  /* Chat Styles */
  --chat-padding-top-xl: 77.39px;
  --chat-padding-top-lg: 77.39px;
  --chat-padding-top-sm: 74.55px;
  --chat-feature-color: var(--brand-secondary);
  --chat-feature-color-50: #d5dbdc; /* Lightened 50% from #aab7b9 */
  --chat-feature-color-light: #f3f5f6; /* Lightened 55% from #aab7b9 */
  
  /* Bootstrap RGB Values - Using Brand Colors */
  --bs-primary-rgb: 196, 148, 46;   /* Using brand-primary #c4942e */
  --bs-secondary-rgb: 170, 183, 185; /* Using brand-secondary #aab7b9 */
  --bs-danger-rgb: 0, 1, 0;          /* Using brand-default #000100 */
  
  /* Bootstrap 5 Variable Overrides */
  --bs-font-family-sans-serif: var(--font-family-body);
  --bs-font-family-base: var(--font-family-body);
  --bs-font-size-base: 1rem;
  --bs-font-weight-base: 400;
  --bs-font-weight-semibold: var(--font-weight-semi-bold);
  --bs-font-weight-bold: 700;
  --bs-line-height-base: var(--line-height-base);
  
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-body-color: var(--gray);
  --bs-body-color-rgb: 27, 29, 33;
  
  --bs-link-color: var(--brand-primary);
  --bs-link-color-rgb: 196, 148, 46;
  --bs-link-hover-color: var(--brand-default);
  --bs-link-hover-color-rgb: 0, 1, 0;
  
  --bs-heading-color: var(--gray);
  
  /* Footer */
  --footer-bg: var(--brand-default);
  
  /* Subscription Banner - 20% lighter than footer */
  --subscription-banner-bg-dark-10: #333433;
}