:root {
  /* LIGHT MODE COLORS */
  --bg-body: #ffffff;
  --bg-section: #f4f4f4;
  --bg-card: #ffffff;
  --bg-input: #ffffff;

  --text-main: #2b2b2b;
  --text-secondary: #555;

  --border-color: #ccc;

  /* Buttons */
  --btn-bg: #005b9f;
  --btn-text: #ffffff;
  --btn-bg-hover: #00477c;

  /* Shadows */
  --shadow-light: rgba(0, 0, 0, 0.1);
  --header-bg: rgba(255, 255, 255, 0.7);
  --header-text: #222;
  --header-shadow: rgba(0, 0, 0, 0.07);
  --nav-hover-underline: #222;
  --mobile-menu-bg: rgba(255, 255, 255, 0.93);
}