:root {
  /* Font Families */
  --font-family-feature: 'Audiowide', "Helvetica Neue", Arial, sans-serif;
  --font-family-body: 'Montserrat', "Helvetica Neue", Arial, sans-serif;
  
  /* Container Sizes */
  --container-max-width-xl: 1400px;
  
  /* Base Colors */
  --gray: #1d1d23;
  --brand-default: #050422;
  --brand-feature: #c06212;
  --brand-primary: #c06212;
  --brand-secondary: var(--brand-default);
  
  /* Brand Primary Hover Shades */
  --brand-primary-90: #ad5810; /* 90% of primary - slightly darker */
  --brand-primary-80: #9a4e0e; /* 80% of primary - medium darker */
  --brand-primary-70: #86440d; /* 70% of primary - darker for gradient end */
  
  /* Blog Modern Quote Box */
  --blog-modern-quote-box-base-color-light-52: #86859a; /* Lightened 52% from #050422 */
  
  /* RGB values for transparency (CRITICAL for glassmorphic effects!) */
  --brand-default-rgb: 5, 4, 34;         /* #050422 */
  --brand-primary-rgb: 192, 98, 18;      /* #c06212 */
  --brand-secondary-rgb: 5, 4, 34;       /* #050422 */
  --navbar-text-color-rgb: 255, 255, 255; /* white (based on navbar text settings) */
  
  /* Logo Sizes */
  --logo-max-width-sm: 170px;
  --logo-max-width-lg: 320px;
  
  /* Navbar Styles */
  --navbar-font-weight: 400;
  --navbar-bg-with-background-scrolled: var(--brand-default);
  --navbar-text-color-scrolled: var(--brand-default);
  --navbar-text-color-with-background: white;
  --navbar-text-color-with-background-scrolled: white;
  --navbar-text-color-dropdown-responsive: white;
  --navbar-btn-text-color: white;
  --navbar-btn-text-color-scrolled: white;
  --navbar-btn-text-color-with-background: white;
  
  /* Jumbotron Styles */
  --jumbotron-font-size-h1: 2.3rem;
  --jumbotron-font-size-lead: 1.25rem;
  --jumbotron-image-bg-banner-padding: 7rem 2rem;
  --jumbotron-banner-top-margin: -95px;
  
  /* Typography */
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  
  /* Card Styles */
  --card-snippets-min-height: 260px;
  
  /* Button Colors */
  --btn-primary-font-color: white;
  --btn-secondary-font-color: white;
  --btn-feature-font-color: white;
  
  /* Chat Colors */
  --chat-feature-color: var(--brand-primary);
  --chat-feature-color-50: #dfb189; /* Lightened 50% from #c06212 */
  --chat-feature-color-light: #f0dad0; /* Lightened 70% from #c06212 */
  
  /* Bootstrap RGB Values - Using Brand Colors */
  --bs-primary-rgb: 192, 98, 18;   /* Using brand-feature #c06212 */
  --bs-secondary-rgb: 5, 4, 34;    /* Using brand-default #050422 */
  --bs-danger-rgb: 5, 4, 34;       /* Using brand-default #050422 */
  
  /* 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-normal);
  --bs-body-line-height: 1.5;
  
  /* Bootstrap 5 Color Variables */
  --bs-primary: var(--brand-feature);
  --bs-secondary: var(--brand-secondary);
  --bs-body-color: var(--gray);
  --bs-body-color-rgb: 29, 29, 35;  /* #1d1d23 in RGB */
  
  /* Bootstrap 5 Link Variables */
  --bs-link-color: var(--brand-feature);
  --bs-link-color-rgb: 192, 98, 18;
  --bs-link-hover-color: #ad5810;  /* Darkened 10% from brand-feature */
  --bs-link-hover-color-rgb: 173, 88, 16;
  
  /* Bootstrap 5 Heading Variables */
  --bs-heading-color: var(--gray);
  
  /* Footer */
  --footer-bg: var(--brand-default);
  
  /* Subscription Banner - 20% lighter than footer */
  --subscription-banner-bg-dark-10: #38374e;
}