/* Global Variables */
:root {
    --primary-color: #19242B;        /* Dark navy from flyer */
    --secondary-color: #2A3B45;      /* Lighter variant of primary for hover */
    --text-color: #19242B;          /* Dark navy for text */
    --light-gray: #ced6d8;          /* Light green from flyer */
    --medium-gray: #BCC5C5;         /* Slightly darker variant of light gray */
    --dark-gray: #2A3B45;           /* Lighter navy for secondary text */
    --white: #ffffff;               /* White for backgrounds */
    --shadow: 0 2px 10px rgba(25, 36, 43, 0.1); /* Shadow using primary color */
    --success-color: #4CAF50;       /* Color for success messages */
    --gradient-start: rgba(0,0,0,0.8);  /* For hero gradient overlay */
    --gradient-end: rgba(0,102,204,0.4); /* For hero gradient overlay */
    --dark: #111;                   /* Dark background color */
}