/* ============================================
   SBFC SOLUTIONS — DESIGN SYSTEM VARIABLES
   Color palette preserved from original site
   Typography modernized: Montserrat + Inter
   ============================================ */

:root {
  /* Brand Colors — preserved from original */
  --red:         #C0392B;
  --red-dark:    #992017;
  --red-light:   #E74C3C;
  --gray-dark:   #2C2C2C;
  --gray-mid:    #4A4A4A;
  --gray-soft:   #7A7A7A;
  --gray-light:  #F0F0F0;
  --gray-bg:     #F7F7F7;
  --white:       #FFFFFF;
  --black:       #1A1A1A;

  /* Accent greens for sustainability */
  --green:       #27AE60;
  --green-light: #2ECC71;

  /* Text colors */
  --text-primary:   #1A1A1A;
  --text-secondary: #4A4A4A;
  --text-muted:     #7A7A7A;
  --text-white:     #FFFFFF;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-xxl: 6rem;

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-pill: 50px;

  /* Shadows */
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.12);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.16);
  --shadow-red: 0 4px 20px rgba(192,57,43,0.25);

  /* Transitions */
  --transition: all 0.25s ease;

  /* Font families */
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Nav height */
  --nav-height: 72px;
}