// resources/scss/_variables.scss
// Colors
$primary-blue: #1a2f45;
$primary-light: #3f5e80;
$primary-dark: #02132d;
$accent-yellow: #fbbf24;
$accent-yellow-dark: #f59e0b;

// Text colors
$text-dark: #1f2937;
$text-gray: #6b7280;
$text-light: #9ca3af;

// Background colors
$bg-white: #ffffff;
$bg-gray: #f9fafb;
$bg-dark: #111827;

// Typography
$font-helvetica: 'Helvetica',
'Arial',
sans-serif;
$font-montserrat: 'Montserrat',
sans-serif;
$font-heebo: 'Heebo',
sans-serif;

// Spacing
$section-padding: 5rem;
$container-max-width: 1200px;

// Breakpoints
$breakpoint-sm: 640px;
$breakpoint-md: 768px;
$breakpoint-lg: 1024px;
$breakpoint-xl: 1280px;
$breakpoint-2xl: 1536px;

// Shadows
$shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
$shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
0 2px 4px -2px rgb(0 0 0 / 0.1);
$shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
$shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
0 8px 10px -6px rgb(0 0 0 / 0.1);