/* Ortak değişkenler, tipografi, butonlar, formlar */
:root {
  --mh-primary: #1E6FE8;
  --mh-primary-dark: #1557c0;
  --mh-primary-light: #4d8cf0;
  --mh-primary-trans: #1e6fe821;
  --mh-primary-tint: #eef4fe;
  --mh-primary-tint-2: #d6e4fb;
  --mh-on-primary: #ffffff;
  --mh-dark: #111726;
  --mh-dark-light: #31394c;
  --mh-dark-gray: #181818;
  --mh-gray: #70747d;
  --mh-mid-gray: #e2e2e2;
  --mh-mid-dark-gray: #505050;
  --mh-light-gray: #f4f4f4;
  --mh-green: #9cd861;
  --mh-green-dark: #067647;
  --mh-radius: 15px;
  --mh-radius-sm: 10px;
  --shadow-color: rgba(0, 0, 0, .08);

  --bs-body-font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-color: #212529;
  --bs-border-color: #e2e2e2;
  --bs-link-color: var(--mh-dark);
  --bs-link-hover-color: var(--mh-primary-dark);
  --bs-primary: var(--mh-primary);
  --bs-primary-rgb: 30, 111, 232;
}

html { scroll-behavior: smooth; }
body { font-family: var(--bs-body-font-family); color: var(--mh-dark); background: #fff; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 800; letter-spacing: -.01em; color: var(--mh-dark); }
.container { max-width: 1240px; }
.text-orange { color: var(--mh-primary) !important; }
.text-accent-light { color: var(--mh-primary-light) !important; }
.bg-dark-blue { background: var(--mh-dark) !important; }
.min-w-0 { min-width: 0; }

.btn { font-weight: 700; border-radius: var(--mh-radius-sm); padding: .6rem 1.1rem; font-size: .9rem; border: none; transition: .15s; }
.btn-sm { padding: .4rem .85rem; font-size: .82rem; }
.btn-lg { padding: .85rem 1.5rem; font-size: 1rem; }
.btn-primary { background: var(--mh-primary); color: var(--mh-on-primary); }
.btn-primary:hover, .btn-primary:focus { background: var(--mh-primary-dark); color: var(--mh-on-primary); }
.btn-primary:disabled { background: #cfd1d6; color: #6c757d; }
.btn-dark { background: var(--mh-dark); color: #f8f9fa; }
.btn-dark:hover { background: var(--mh-dark-light); color: #fff; }
.btn-outline-dark { border: 1.5px solid var(--mh-dark); color: var(--mh-dark); background: #fff; }
.btn-outline-dark:hover { background: var(--mh-dark); color: #fff; }
.btn-light { background: var(--mh-light-gray); color: var(--mh-dark); }
.btn-light:hover { background: var(--mh-mid-gray); }
.btn-outline-primary { border: 1.5px solid var(--mh-primary); color: var(--mh-primary-dark); background: #fff; }
.btn-outline-primary:hover { background: var(--mh-primary); color: var(--mh-on-primary); }
.btn-success { background: var(--mh-green-dark); }
.btn-check:checked + .btn-outline-dark { background: var(--mh-dark); color: #fff; }

.btn-pill { display: inline-flex; align-items: center; gap: .45rem; background: var(--mh-light-gray); border-radius: 50rem; padding: .7rem 1.1rem; font-weight: 600; font-size: .9rem; color: var(--mh-dark); white-space: nowrap; }
.btn-pill:hover { background: var(--mh-mid-gray); color: var(--mh-dark); }
.btn-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--mh-light-gray); color: var(--mh-dark); font-size: 1.2rem; border: none; position: relative; flex: 0 0 auto; }
.btn-icon:hover { background: var(--mh-mid-gray); }
.count-badge { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 50rem; background: var(--mh-primary); color: var(--mh-on-primary); font-size: .72rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }

.form-control, .form-select { border-radius: var(--mh-radius-sm); border: 1px solid var(--mh-mid-gray); padding: .7rem .95rem; font-size: .92rem; background-color: #fff; }
.form-control:focus, .form-select:focus { border-color: var(--mh-primary); box-shadow: 0 0 0 .2rem var(--mh-primary-trans); }
.form-label { font-weight: 700; font-size: .85rem; color: var(--mh-dark); }
.form-text { color: var(--mh-gray); }
.form-check-input:checked { background-color: var(--mh-primary); border-color: var(--mh-primary); }
.input-group .form-control { border-radius: var(--mh-radius-sm) 0 0 var(--mh-radius-sm); }
.input-group .btn { border-radius: 0 var(--mh-radius-sm) var(--mh-radius-sm) 0; }

.badge { font-weight: 700; border-radius: 6px; padding: .35em .6em; }
.text-bg-orange, .bg-orange { background: var(--mh-primary) !important; color: var(--mh-on-primary) !important; }
.table > :not(caption) > * > * { padding: .75rem .6rem; }
.table thead th { font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--mh-gray); }

.toast { border-radius: var(--mh-radius-sm); font-weight: 600; }
.empty-state { text-align: center; padding: 3rem 1rem; color: var(--mh-gray); }
.empty-state i { font-size: 3.5rem; display: block; margin-bottom: .75rem; color: #cfd1d6; }
.empty-state h4 { color: var(--mh-dark); }