@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{--primary:#8b9b79;--ground:#f7f6ec;--text:#1d1d1f;}
html,body{font-family:'Montserrat',system-ui,Segoe UI,Roboto,Arial;background:var(--ground);color:var(--text);}
.navbar{background:var(--primary)!important;}
.navbar-brand,.navbar-text{color:#fff!important;}
.btn-primary{background-color:var(--primary);border-color:var(--primary);}
.card{border-radius:1rem;border:1px solid #e3e3e3;}
.form-check-input:checked{background-color:var(--primary);border-color:var(--primary);}
.footer-mini{font-size:.875rem;opacity:.8;}
.table td,.table th{vertical-align:middle;}
.tag{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#eef3ea;font-weight:600;}
/* Türev tonlar: hover/active için bir tık koyu yeşil */
:root{
  /* Tarayıcı destekliyse dinamik; değilse alttaki fallback kullanılır */
  --primary-hover: color-mix(in srgb, var(--primary) 88%, #000);
  --primary-active: color-mix(in srgb, var(--primary) 80%, #000);
}

/* Fallback (color-mix desteklemeyenler için) */
@supports not (color-mix(in srgb, white 50%, black 50%)) {
  :root{
    /* var(--primary) = #8b9b79 => biraz koyu tonlar */
    --primary-hover: #7d8c6d;
    --primary-active: #6f7e60;
  }
}

/* Primary buton hover/focus/active */
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--primary-active);
  border-color: var(--primary-active);
}

/* Outline primary için de yeşilimsi dolgu */
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff;
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff;
  background-color: var(--primary-active);
  border-color: var(--primary-active);
}

/* Focus görünürlüğü: hafif yeşil gölge */
.btn:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(139,155,121,.35);
}