/* ==========================================================================
   ZEYN · Ortak tasarım değişkenleri (site + yönetim paneli)
   Renkler logodaki kızıl, turuncu, kor ve krem tonlarından türetilir.
   Varsayılan tema: Zeyn Nuit (night). Açık tema: data-theme="day".
   ========================================================================== */

:root {
  /* Marka */
  --ember: #d92d20;          /* logo kızılı: ana buton */
  --flame: #d4561a;          /* hover turuncusu (beyaz metinle okunur) */
  --flame-bright: #f07822;   /* vurgu turuncusu: ikon, çizgi, rozet */
  --gold: #f7b04d;           /* kor / altın: küçük vurgular */
  --whatsapp: #1f9d55;

  /* Zeyn Nuit yüzeyleri */
  --bg: #120b09;
  --bg-alt: #1a110d;
  --surface: #22160f;
  --surface-2: #2c1d16;
  --line: rgba(255, 228, 205, 0.12);
  --line-strong: rgba(255, 228, 205, 0.22);
  --text: #fff4eb;
  --muted: #cdb7a8;
  --accent-text: #f7b04d;
  --success: #7cc49a;
  --danger: #ff9a82;
  --overlay: rgba(12, 7, 5, 0.72);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.28);
  --pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l15 15-15 15-15-15zM0 30l15 15-15 15-15-15zM60 30l15 15-15 15-15-15zM30 60l15 15-15 15-15-15z' fill='%23f07822' fill-opacity='0.03' stroke='%23ffffff' stroke-width='0.4' stroke-opacity='0.045' fill-rule='evenodd'/%3E%3C/svg%3E");
  --glow-opacity: .9;

  /* Tipografi */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-ui: 'Manrope', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;

  /* Ölçüler */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --wrap: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 86px;
  --ease: cubic-bezier(.2, .7, .2, 1);

  color-scheme: dark;
}

:root[data-theme="day"] {
  --ember: #c4261a;
  --flame: #b8480f;
  --flame-bright: #d4600f;
  --gold: #a8650f;

  --bg: #fbf4ec;
  --bg-alt: #f4e7d9;
  --surface: #ffffff;
  --surface-2: #f8ede1;
  --line: rgba(58, 32, 20, 0.12);
  --line-strong: rgba(58, 32, 20, 0.22);
  --text: #2a1a14;
  --muted: #6b554a;
  --accent-text: #a8500f;
  --success: #2f7d52;
  --danger: #b3261e;
  --overlay: rgba(20, 10, 6, 0.6);
  --shadow: 0 18px 50px rgba(86, 46, 24, 0.16);
  --shadow-soft: 0 8px 24px rgba(86, 46, 24, 0.1);
  --pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l15 15-15 15-15-15zM0 30l15 15-15 15-15-15zM60 30l15 15-15 15-15-15zM30 60l15 15-15 15-15-15z' fill='%23d4600f' fill-opacity='0.045' stroke='%233a2014' stroke-width='0.4' stroke-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E");
  --glow-opacity: .45;

  color-scheme: light;
}