@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
  /* NEW "DEEP BLUE" PALETTE */
  --bg-dark: #0F172A;          /* Deep Slate */
  --accent-light: #38BDF8;   /* Vibrant Sky Blue */
  --accent-mid: #1E293B;     
  --accent-dark: #1E293B;    /* Dark Slate (for borders) */
  --text-white: #E2E8F0;      /* Light Slate Gray */
  --text-dark: #1E293B;       /* Dark Slate Gray */
}

body {
  background-color: var(--bg-dark);
  color: var(--text-white);
  font-family: 'Poppins', sans-serif;
  margin: 0;
}

main {
  padding: 0;
}

a {
  color: var(--accent-light);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  /* A slightly brighter version of the main accent for hover */
  filter: brightness(1.2);
}