/* variables.css */
/* CSS Variables for a Darker Blue Color Scheme */
:root {
    --primary-color: #1c2a35;       /* Darker primary color */
    --secondary-color: #3a5060;     /* Secondary color for subtle contrast */
    --accent-color: #3a5060;        /* Accent color for hover effects */
    --light-color: #e1e8ed;         /* Softer light color for contrast */
    --dark-color: #1c2a35;          /* Dark background color */
    --text-color: #e0e6ed;          /* Lightened text color for better contrast */
    --white-color: #ffffff;
    --navbar-text-color: #ffffff;
    --navbar-hover-color: #99d5e4;  /* Lightened hover color */
    --company-name-color: #99d5e4;
    --company-name-font: 'Montserrat', sans-serif;
}