:root {
  --color-nav-bg: #003893;
  --color-nav-border: rgba(220, 20, 60, 0.85);
  --color-nav-dot: rgba(255, 255, 255, 0.08);

  --color-footer-bg: #002266;

  --color-border: #dee2e6;
  --shadow-color: rgba(0, 0, 0, 0.15);
  --color-bg: #f8f9fa;
  --color-text: #212529;
  --color-unvisited: #dee2e6;
  --color-visited: #2d6a4f;
  --color-wishlist: #1d6fa4;
  --color-accent: #dc143c;

--color-btn-bg: #efefef;
--color-sidebar-bg: #e9ecef;
--color-map-bg: #f0f2f5;

  --color-input-text: #212529;
  --color-input-bg: #ffffff;

  --color-peak: #1a1a1a;

  --color-twitter-bg: #000;
  --color-twitter-text: #fff;
}

[data-theme="dark"] {
  --color-nav-bg: #002266;
    --color-nav-border: rgba(220, 20, 60, 0.45);
  --color-nav-dot: rgba(255, 255, 255, 0.05);

  --color-footer-bg: #001a4d;

  --color-border: #3a3a3a;
  --shadow-color: rgba(0, 0, 0, 0.4);
  --color-bg: #1a1a1a;
  --color-text: #f8f9fa;
  --color-unvisited: #6b6b6b;
  --color-visited: #2d6a4f;
  --color-wishlist: #1d6fa4;
  --color-accent: #ff4757;
  --map-shadow: none;

  --color-btn-bg: #222222;
  --color-sidebar-bg: #222222;
  --color-map-bg: #1c1c1c;

  --color-input-text: #212529;
  --color-input-bg: #ffffff;

  --color-peak: #ffffff;

  --color-twitter-bg: #000;
  --color-twitter-text: #fff;
}