:root {
  --alap-text-color: black;
  --alap-color: #1c7430;
  --border-color: var(--alap-color);
  --alert-color: #ac0000;
  --alert-hatter-color: var(--alert-color);
  --alert-text-color: white;
  --input-hatter-color: #eae8e8;
  --dialog-hatter-color: var(--input-hatter-color);
  --menu-hatter-color: #92ae83;
  --menu-hover-hatter-color: var(--alap-color);
  --menu-expanded-hatter-color: #6d8961;
  --level_top_button_hatter_color: tan;
  --calendar_theme_color: var(--alap-color);
  --table-dark-color: #2b2b2b;
  --xtable-dark-paratlan-color: #2f2f2f;
  --table-dark-paratlan-color: #1b1b1b;
  --table-dark-border-color: #404040;
  --bs-success: var(--alap-color) !important;
}

body {
  background-image: url('kepek/hatterkep_desktop.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--alap-text-color);
}

@media (max-width: 768px) {
  body {
    background-image: url('kepek/hatterkep_mobil.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

.btn-outline-success {
  color: var(--alap-color);
  border-color: var(--alap-color);
}