/* ============================================================
   THE BALANCE ATELIER — Kurumsal Kimlik
   Renkler logodan örneklenmiştir (bkz. logo.png):
   Adaçayı yeşili "B", terracotta "A/E", altın "L", mor "N", gri-mavi "C"
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Work+Sans:wght@400;500;600;700&display=swap');

:root,
[data-bs-theme="light"] {
  /* ---- Marka paleti ---- */
  --tba-cream: #f5ede5;
  --tba-cream-card: #fffcf8;
  --tba-ink: #3a332c;
  --tba-ink-soft: #6b6258;
  --tba-sage: #7a7a5c;
  --tba-terracotta: #b96e5a;
  --tba-terracotta-deep: #9c5847;
  --tba-gold: #bfa086;
  --tba-gold-deep: #a3835f;
  --tba-mauve: #947997;
  --tba-slate: #6c8494;
  --tba-border: #e4d8c8;

  /* ---- Bootstrap değişkenlerini marka ile eşleştir (5.3 CSS variable teması) ---- */
  --bs-body-bg: var(--tba-cream);
  --bs-body-color: var(--tba-ink);
  --bs-border-color: var(--tba-border);

  --bs-dark: var(--tba-ink);
  --bs-dark-rgb: 58, 51, 44;

  --bs-primary: var(--tba-slate);
  --bs-primary-rgb: 108, 132, 148;

  --bs-secondary: var(--tba-ink-soft);
  --bs-secondary-rgb: 107, 98, 88;

  --bs-link-color: var(--tba-terracotta-deep);
  --bs-link-color-rgb: 156, 88, 71;
  --bs-link-hover-color: var(--tba-ink);
}

body {
  font-family: 'Work Sans', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.tba-display {
  font-family: 'Fraunces', Georgia, serif;
  color: var(--tba-ink);
  letter-spacing: 0.01em;
}

/* ---- Marka butonları (btn-dark, uygulama genelinde ana eylem butonu olarak kullanılıyor) ---- */
.btn-dark {
  background-color: var(--tba-terracotta);
  border-color: var(--tba-terracotta);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: var(--tba-terracotta-deep) !important;
  border-color: var(--tba-terracotta-deep) !important;
}

.btn-outline-dark {
  color: var(--tba-terracotta-deep);
  border-color: var(--tba-terracotta);
}
.btn-outline-dark:hover,
.btn-outline-dark:focus {
  background-color: var(--tba-terracotta);
  border-color: var(--tba-terracotta);
  color: #fff;
}

/* ---- Kartlar ---- */
.card {
  background-color: var(--tba-cream-card);
  border-color: var(--tba-border);
}

/* ---- Tablolar: krem zemin üzerinde okunaklı kalsın ---- */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--tba-ink);
  --bs-table-striped-bg: rgba(58, 51, 44, 0.03);
  --bs-table-hover-bg: rgba(185, 110, 90, 0.06);
}

/* ---- Kenar menü aktif link vurgusu ---- */
.nav-link.active {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--tba-gold);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* ---- Marka logosu (kenar menü / kartlar) ---- */
.tba-brand-mark {
  height: 44px;
  width: 44px;
  max-width: 44px;
  max-height: 44px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--tba-border);
  flex-shrink: 0;
}

/* ---- Giriş/kurulum sayfaları için ortak stil ---- */
.tba-auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 0%, #faf4ec 0%, var(--tba-cream) 60%);
}
.tba-auth-card {
  width: 100%;
  max-width: 400px;
  background: var(--tba-cream-card);
  border: 1px solid var(--tba-border);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(58, 51, 44, 0.08);
  padding: 2.25rem;
}
.tba-auth-logo {
  display: block;
  width: 96px;
  height: 96px;
  max-width: 96px;
  max-height: 96px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  object-fit: cover;
}
.tba-auth-title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.tba-auth-subtitle {
  text-align: center;
  color: var(--tba-ink-soft);
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}