:root {
  --primary-color: #1e7378;
  --primary-hover: #202020;
  --white: #fff;
  --background-gradient: linear-gradient(45deg, #267074, #1e7378);
  --icon-bg: rgba(255, 255, 255, 0.9);
  --icon-border: #ddd;
  --text-dark: #264653;
  --text-light: #fff;
  --text-secondary: #6c757d;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --icon-bg-hover: #f0f0f0;
    --profile-pic-outline-color-mobile: #fff; /* New variable for mobile */
}