/*
 * MARKA TEMASI — her müşteri için önce bu dosyayı değiştirin.
 * Renk, yazı tipi, köşe yuvarlaklığı ve gölge burada. Bileşenler (app.css, admin.css) yalnızca bu değişkenleri kullanır.
 * Yazı tipi değişirse public/index.html ve public/admin/index.html içindeki Google Fonts bağlantısını da güncelleyin.
 */
:root {
  /* Marka */
  --brand: #f26a1b;          /* ana renk: butonlar, fiyatlar, aktif sekme */
  --brand-strong: #dc5810;   /* hover / basılı */
  --brand-soft: #fff1e6;     /* açık zemin vurgusu (adet seçici, aktif seçim) */
  --brand-ink: #ffffff;      /* ana renk üstündeki yazı */
  --accent: #15803d;         /* "açık", başarı, içerik çipindeki ✓ */
  --accent-soft: #e9f7ee;
  --warn: #b45309;           /* uyarılar */
  --warn-soft: #fff6e0;
  --danger: #dc2626;         /* "Marulsuz" gibi çıkarılan içerikler (✕), hatalar */
  --danger-soft: #fdeeee;
  --danger-line: #f5b5b5;

  /* Zemin ve yazı */
  --bg: #faf7f3;
  --surface: #ffffff;
  --surface-2: #f8f4ee;      /* "Menü içeriği" kutusu gibi bej paneller */
  --line: #ebe4dc;
  --ink: #2a1a12;            /* koyu kahve: başlıklar */
  --ink-2: #6b5d54;
  --ink-3: #9a8e85;

  /* Footer */
  --footer-bg: #2a1a12;
  --footer-ink: #f6ede6;
  --footer-ink-2: #c7b5a8;
  --footer-line: rgba(255, 255, 255, 0.12);

  /* Tipografi */
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;

  /* Biçim */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(31, 26, 23, 0.06), 0 4px 16px rgba(31, 26, 23, 0.06);
  --shadow-lg: 0 10px 40px rgba(31, 26, 23, 0.18);

  /* Ölçüler */
  --header-h: 60px;
  --bottom-nav-h: 64px;
  --maxw: 1180px;
}