// Example variables, extend as needed
$primary-color: #4b4b4b;
$secondary-color: #ffffff;
$brand-color: #6B8E23;
$font-stack: 'Helvetica', sans-serif;

// Breakpoints
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;
// variables.scss

// Breakpoint Variables
:root {
  --breakpoint-xs: 480px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

  --bs-primary: #233600;
  --bs-yellow: #F5AE07;
  --bs-primary-light: #4E5E32;
  --bs-light-green: #F4F6EC;
  --cl-primary: #233600;

}

// Additional global variables can be added here