:root {
  --brand-red: #E5383B;
  --brand-red-dark: #BA181B;
  --brand-maroon: #A4161A;
  --brand-black: #161A1D;
  --brand-black-deep: #161214;
  --brand-gray-light: #D3D3D3;
  --brand-gray-lighter: #F5F3F4;
  --brand-white: #FFFFFF;
  --brand-gradient: linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));
  --font-heading: 'Montserrat', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
}

body {
  font-family: var(--font-body);
}

h1, h2, h3, h4,
.brand-logo,
.logo,
.admin-logo {
  font-family: var(--font-heading);
}

.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  line-height: 1;
}

/* Standalone default (used where no page-specific .logo rule supplies size/color) */
.brand-logo-standalone {
  font-weight: 700;
  font-size: 20px;
  color: var(--brand-black);
}

/* Marka isareti artik her yerde tek bir gorsel: assets/regipass-logo.svg
   (yuvarlak "R" isareti + "Regipass" kelime isareti). Yazi tabanli eski
   .brand-name span'i kaldirildi; boylece navbar, modal basliklari ve
   kayit ekrani ayni logoyu gosteriyor. Boyut, kapsayicinin font-size
   degerine (em) bagli oldugu icin mevcut duyarli kurallar korunuyor. */
.brand-mark {
  display: block;
  height: 1.7em;
  width: auto;
  flex: 0 0 auto;
  /* Yuksek DPI'da SVG net kalsin diye ic ic gecen olcek yok. */
  user-select: none;
}

/* Ortalanan yerlesimler (kayit ekrani gibi blok kapsayicilar). */
.reg-logo .brand-mark,
.brand-logo-standalone .brand-mark {
  margin-inline: auto;
}

.modal-brand-logo {
  justify-content: center;
  margin-bottom: 14px;
}