:root {
  /* Font Families */
  --font-family-feature: 'Playfair Display', "Helvetica Neue", Arial, sans-serif;
  --font-family-body: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
  --font-handwritten-family: 'Sriracha', cursive;
  --font-handwritten-size: 2.8rem;
  
  /* Container Sizes */
  --container-max-width-xl: 1400px;
  
  /* Base Colors */
  --gray: #1d1d23;
  --brand-primary: #be840f;
  --brand-secondary: #121a33;
  --brand-default: var(--brand-secondary);
  --brand-feature: var(--brand-primary);
  
  /* Brand Primary Hover Shades */
  --brand-primary-90: #ab770e; /* 90% of primary - slightly darker */
  --brand-primary-80: #986a0c; /* 80% of primary - medium darker */
  --brand-primary-70: #855c0b; /* 70% of primary - darker for gradient end */
  
  /* Blog Modern Quote Box */
  --blog-modern-quote-box-base-color-light-52: #8b90a0; /* Lightened 52% from #121a33 */
  
  /* RGB values for transparency (CRITICAL for glassmorphic effects!) */
  --brand-default-rgb: 18, 26, 51;       /* #121a33 */
  --brand-primary-rgb: 190, 132, 15;     /* #be840f */
  --brand-secondary-rgb: 18, 26, 51;     /* #121a33 */
  --navbar-text-color-rgb: 255, 255, 255; /* white */
  
  /* Logo Sizes */
  --logo-max-width-sm: 130px;
  --logo-max-width-md: 170px;
  --logo-max-width-lg: 180px;
  --logo-max-width-xl: 180px;
  
  /* Navbar Styles */
  --navbar-font-weight: 600;
  --navbar-btn-bg: var(--brand-primary);
  --navbar-font-size-xl: 1.2rem;
  --navbar-font-size-lg: 1rem;
  --navbar-font-size-md: 0.8rem;
  --navbar-font-size-sm: 0.9rem;
  --navbar-bg: var(--brand-default);
  --navbar-bg-scrolled: var(--brand-default);
  --navbar-bg-with-background: var(--brand-default);
  --navbar-bg-with-background-scrolled: var(--brand-default);
  --navbar-text-color: white;
  --navbar-text-color-active: var(--brand-primary);
  --navbar-text-color-active-with-background: var(--brand-primary);
  --navbar-text-color-dropdown-responsive: white;
  --navbar-text-color-scrolled: white;
  --navbar-text-color-with-background: white;
  --navbar-dark-color: white;
  --navbar-dark-active-color: var(--brand-secondary);
  
  /* Anchor Styles */
  --anchor-margin: -70px;
  
  /* Jumbotron Styles */
  --jumbotron-font-weight-h1: 700;
  --jumbotron-overlay-font-weight: 700;
  --jumbotron-font-size-h1: 50px;
  --jumbotron-font-size-lead: 20px;
  --jumbotron-font-size-p: 16px;
  --jumbotron-font-color: white;
  --jumbotron-overlay-color: var(--brand-default);
  --jumbotron-overlay-color-opacity: 0.6;
  --jumbotron-overlay-font-color: white;
  --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-search-margin-top: 10px;
  
  /* Search Page */
  --search-landing-page-margin-top: 40px;
  
  /* Typography */
  --font-weight-semi-bold: 600;
  --line-height-base: 1.4;
  --font-weight-h1: 700;
  --font-weight-h2: 700;
  --h2-font-size-lg: 32px;
  --font-weight-h3: 700;
  --link-color: var(--brand-primary);
  --link-weight: 500;
  
  /* Tree Styles */
  --tree-text-transform: capitalize;
  --tree-title-text-align: center;
  
  /* Card Styles */
  --row-smallgrid-card-title-bg: none;
  --row-smallgrid-card-title-weight: 700;
  --card-title-weight: 700;
  --card-border-radius: 20px;
  --card-img-container-radius: var(--card-border-radius);
  --card-gradient-color: var(--brand-default);
  
  /* Button Styles */
  --btn-feature-bg: var(--brand-primary);
  --btn-primary-font-color: white;
  --btn-secondary-font-color: white;
  --btn-feature-font-color: white;
  --btn-3d-offset: -5px;
  
  /* CTA Form */
  --cta-form-bg-color: var(--brand-secondary);
  --cta-form-btn-color: var(--brand-primary);
  --cta-form-btn-text-color: var(--brand-secondary);
  --cta-form-link: var(--brand-primary);
  
  /* Chat Styles */
  --chat-padding-top-xl: 70px;
  --chat-padding-top-lg: 70px;
  --chat-padding-top-md: 70px; /* Fixed typo: was 70x */
  --chat-padding-top-sm: 70px; /* Fixed typo: was 70x */
  --chat-feature-color: var(--brand-primary);
  --chat-feature-color-50: #dfc287; /* Lightened 50% from #be840f */
  --chat-feature-color-light: #e9d4a4; /* Lightened 35% from #be840f */
  --chat-feature-color-btn: var(--brand-primary);
  --chat-sent-bg: var(--brand-secondary);
  --chat-header-link-color: #2f2103; /* Darkened 50% from #be840f */
  
  /* Offcanvas */
  --offcanvas-background: white;
  
  /* Dashboard */
  --dashboard-nav-text-color: black;
  
  /* Subscription Banner */
  --subscription-banner-bg: var(--brand-primary);
  --subscription-banner-text: white;
  
  /* Blog Modern */
  --blog-modern-quote-box-base-color: var(--brand-primary);
  --blog-modern-quote-mark-color: var(--brand-primary);
  
  /* Bootstrap RGB Values - Using Brand Colors */
  --bs-primary-rgb: 190, 132, 15;   /* Using brand-primary #be840f */
  --bs-secondary-rgb: 18, 26, 51;   /* Using brand-secondary #121a33 */
  --bs-danger-rgb: 18, 26, 51;      /* Using brand-default/secondary #121a33 */
  
  /* 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: 29, 29, 35;
  
  --bs-link-color: var(--link-color);
  --bs-link-color-rgb: 190, 132, 15;
  --bs-link-hover-color: var(--brand-secondary);
  --bs-link-hover-color-rgb: 18, 26, 51;
  
  --bs-heading-color: var(--gray);
  
  /* Footer */
  --footer-bg: var(--brand-default);
  
  /* Subscription Banner - 20% lighter than footer */
  --subscription-banner-bg-dark-10: #414752;
}