:root {
  --background-color: #0f2a5c; /* deeper, richer blue */
  --default-color: #e6f0ff;    /* softer than pure white */
  --heading-color: #ffffff;    /* clean, strong headings */
  --accent-color: #22c55e;     /* vibrant modern green */
  --surface-color: #1b3a73;    /* subtle card contrast */
  --contrast-color: #ffffff;   /* text on buttons */
}

:root {
  --nav-color: #e6f0ff;                 /* soft white for links */
  --nav-hover-color: #22c55e;           /* same green accent */
  --nav-mobile-background-color: #0f2a5c; /* same as background */
  --nav-dropdown-background-color: #1b3a73; /* same as surface */
  --nav-dropdown-color: #e6f0ff;        /* readable text */
  --nav-dropdown-hover-color: #22c55e;  /* accent on hover */
}