/* ═══════════════════════════════════════════════════════════════════
   BENTHRA — Design Tokens (single source of truth)
   Served at /shared.css — landing, host panel, admin panel hepsinde
   bu dosya import edilir. Renk/font/spacing burada değişir, her yerde
   aynı anda güncellenir. Marka ilkesi: hayranlık — acıma değil.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Marka renkleri ─────────────────────────────────────────────── */
  --benthra-terracotta: #C84B31;   /* Kiremit — birincil CTA, vurgu     */
  --benthra-gold:       #C89F69;   /* Altın — ikincil vurgu, premium    */
  --benthra-moss:       #49715A;   /* Yosun — başarı, doğa/deniz rozeti */
  --benthra-ink:        #1A1A1A;   /* Mürekkep — metin, koyu yüzey      */
  --benthra-night:      #0C0B0A;   /* Gece — koyu tema zemini           */
  --benthra-cream:      #FAF7F2;   /* Krem — açık tema zemini           */

  /* ── Durum renkleri ─────────────────────────────────────────────── */
  --benthra-success: var(--benthra-moss);
  --benthra-danger:  #B33720;      /* Kiremidin koyusu — yıkıcı işlem   */
  --benthra-warning: #B98A44;
  --benthra-info:    #5C7A8A;

  /* ── Tipografi ──────────────────────────────────────────────────── */
  --benthra-font-serif: 'Lora', Georgia, serif;          /* başlık, marka */
  --benthra-font-sans:  'Inter', -apple-system, 'Segoe UI', sans-serif; /* arayüz */

  /* ── Ritim ──────────────────────────────────────────────────────── */
  --benthra-radius-sm: 8px;
  --benthra-radius-md: 12px;
  --benthra-radius-lg: 16px;
  --benthra-radius-pill: 999px;
  --benthra-shadow-card: 0 10px 30px rgba(12, 11, 10, 0.08);
  --benthra-shadow-cta:  0 0 20px rgba(200, 75, 49, 0.35);

  /* ── Tema değişkenleri (açık varsayılan) ────────────────────────── */
  --bg:            var(--benthra-cream);
  --surface:       #FFFFFF;
  --text:          var(--benthra-ink);
  --text-muted:    rgba(26, 26, 26, 0.6);
  --border-color:  rgba(26, 26, 26, 0.10);
  --accent:        var(--benthra-terracotta);
  --accent-soft:   var(--benthra-gold);
}

.dark, .dark-mode {
  --bg:            var(--benthra-night);
  --surface:       #14120F;
  --text:          var(--benthra-cream);
  --text-muted:    rgba(250, 247, 242, 0.55);
  --border-color:  rgba(255, 255, 255, 0.08);
  --accent:        var(--benthra-terracotta);
  --accent-soft:   var(--benthra-gold);
}

/* ═══ Çekirdek bileşenler — her panel aynı görünsün ═══════════════── */

.benthra-btn {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-family: var(--benthra-font-sans);
  font-size: 0.8rem; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 0.85rem 1.75rem;
  border-radius: var(--benthra-radius-pill);
  border: 1px solid transparent;
  cursor: pointer; transition: all 0.25s ease;
  text-decoration: none;
}
.benthra-btn-primary {
  background: var(--benthra-terracotta); color: #fff;
  border-color: var(--benthra-terracotta);
  box-shadow: var(--benthra-shadow-cta);
}
.benthra-btn-primary:hover { background: transparent; color: var(--benthra-terracotta); }
.benthra-btn-ghost {
  background: transparent; color: var(--text);
  border-color: var(--border-color);
}
.benthra-btn-ghost:hover { border-color: var(--benthra-gold); color: var(--benthra-gold); }

/* Yıkıcı işlemler (iade, ret, silme) — admin/host panellerinde ZORUNLU.
   Rutin butonla aynı görünen tehlikeli buton, marka değil kaza üretir. */
.benthra-btn-danger {
  background: var(--benthra-danger); color: #fff;
  border-color: var(--benthra-danger);
}
.benthra-btn-danger:hover { background: transparent; color: var(--benthra-danger); }

.benthra-card {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: var(--benthra-radius-md);
  box-shadow: var(--benthra-shadow-card);
}

.benthra-badge {
  display: inline-block;
  font-family: var(--benthra-font-sans);
  font-size: 0.6rem; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 0.3rem 0.9rem;
  border-radius: var(--benthra-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.benthra-badge-scarcity { background: rgba(73, 113, 90, 0.9); color: var(--benthra-cream); } /* "1 Boş Sandalye" */
.benthra-badge-premium  { background: rgba(200, 159, 105, 0.9); color: var(--benthra-night); } /* "Aylık 2 Misafir" */
.benthra-badge-full     { background: rgba(26, 26, 26, 0.8);  color: rgba(250, 247, 242, 0.65); } /* "Doldu" */

.benthra-section-title {
  font-family: var(--benthra-font-serif);
  font-weight: 300; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--text);
}

/* ═══════════════════════════════════════════════════════════════════
   ESKİ SÖZLEŞME (legacy contract)
   Admin ve host panellerinin style.css'leri bu adları bekliyor (dosya
   kaybolmuştu, paneller tanımsız değişkenlerle kalmıştı). Hepsi marka
   token'larına bağlı — kiremit burada değil, yukarıda değişir.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Zemin & yüzeyler (açık tema) */
  --bg-body:    var(--benthra-cream);
  --bg-deep:    #F1EBE2;
  --bg-card:    #FFFFFF;
  --bg-input:   #FFFFFF;
  --bg-slate:   #F1EBE2;
  --bg-color:   var(--benthra-cream);
  --background: var(--benthra-cream);

  /* Metin */
  --text-primary: var(--benthra-ink);
  --text-subtle:  rgba(26, 26, 26, 0.45);

  /* Marka eşlemeleri */
  --primary:        var(--benthra-terracotta);
  --primary-hover:  #B33720;
  --primary-muted:  rgba(200, 75, 49, 0.12);
  --primary-border: rgba(200, 75, 49, 0.35);
  --secondary:        var(--benthra-gold);
  --secondary-muted:  rgba(200, 159, 105, 0.15);
  --secondary-border: rgba(200, 159, 105, 0.40);
  --accent-gold:      var(--benthra-gold);
  --border:       rgba(26, 26, 26, 0.10);
  --border-focus: var(--benthra-gold);
  --success: var(--benthra-moss);
  --danger:  var(--benthra-danger);

  /* Tipografi & ritim */
  --font-sans:  var(--benthra-font-sans);
  --font-serif: var(--benthra-font-serif);
  --radius-xs: 6px;
  --radius-sm: var(--benthra-radius-sm);
  --radius-md: var(--benthra-radius-md);
  --radius-lg: var(--benthra-radius-lg);
  --radius:    var(--benthra-radius-md);
  --transition: all 0.25s ease;
  --shadow-sm: 0 2px 8px rgba(12, 11, 10, 0.06);
  --shadow-md: 0 6px 20px rgba(12, 11, 10, 0.10);
  --shadow-lg: var(--benthra-shadow-card);
  --shadow-gold: 0 0 20px rgba(200, 159, 105, 0.25);

  /* Eski "monster" tema fosilleri — markaya eşlendi */
  --monster-orange:     var(--benthra-terracotta);
  --monster-dark:       var(--benthra-night);
  --monster-deep:       #080706;
  --monster-light:      var(--benthra-cream);
  --monster-gold:       var(--benthra-gold);
  --monster-text-light: var(--benthra-cream);
}

.dark, .dark-mode {
  --bg-body:    var(--benthra-night);
  --bg-deep:    #080706;
  --bg-card:    #14120F;
  --bg-input:   #1A1713;
  --bg-slate:   #14120F;
  --bg-color:   var(--benthra-night);
  --background: var(--benthra-night);

  --text-primary: var(--benthra-cream);
  --text-subtle:  rgba(250, 247, 242, 0.38);

  --primary-muted:  rgba(200, 75, 49, 0.16);
  --primary-border: rgba(200, 75, 49, 0.45);
  --secondary-muted:  rgba(200, 159, 105, 0.12);
  --secondary-border: rgba(200, 159, 105, 0.35);
  --border: rgba(255, 255, 255, 0.08);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
}