:root {
  --primary-color: #0A1128;
  --white-color: #FFFFFF;
  --light-gray-color: #EEEEEE;
  --gap: 3rem;

  --bg-body: #FFFFFF;
  --bg-section-alt: #F5F5F5;
  --text-primary: #0A1128;
  --text-secondary: #333333;
  --text-muted: rgba(10, 17, 40, 0.7);
  --bg-card: rgba(10, 17, 40, 0.04);
  --border-card: rgba(10, 17, 40, 0.1);
  --bg-footer: #111111;
  --bg-menu: #FFFFFF;
  --shadow-card: rgba(0, 0, 0, 0.08);
  --overlay-intro: rgba(0, 0, 0, 0.45);
}

.dark-theme {
  --bg-body: #0D0D0D;
  --bg-section-alt: #111111;
  --text-primary: #E0E0E0;
  --text-secondary: #B0B0B0;
  --text-muted: rgba(224, 224, 224, 0.6);
  --bg-card: rgba(255, 255, 255, 0.05);
  --border-card: rgba(255, 255, 255, 0.1);
  --bg-footer: #0A0A0A;
  --bg-menu: #111111;
  --shadow-card: rgba(0, 0, 0, 0.3);
  --overlay-intro: rgba(0, 0, 0, 0.6);
}