:root {
  --primary: #007bff;
  --bg-color: #e9eaf0;
  --text-main: #111111;
  --text-muted: #555555;
  --card-bg: rgba(120, 120, 120, 0.08);
  --border-card: rgba(0, 0, 0, 0.1);
  --footer-bg: #dcdfea;
  --form-input-bg: #ececef;
  --form-focus-bg: #cecfd2;
  --btn-bg: #111111;
  --btn-text: #ffffff;
  --navbar-bg: #e9eaf0;
    --project-bg: #01010111;

}

body.dark-theme {
  --bg-color: #1c1e26;
  --text-main: #f3f3f6;
  --text-muted: #a0a0aa;
  --card-bg: rgba(255, 255, 255, 0.06);
  --border-card: rgba(255, 255, 255, 0.1);
  --footer-bg: #23252d;
  --form-input-bg: #2a2c35;
  --form-focus-bg: #33353f;
  --btn-bg: #f3f3f6;
  --btn-text: #1c1e26;
  --navbar-bg: #23252d;
    --project-bg: #01010111;

}