/* ==========================================================
   LUMORE Hair & Beauty Atelier — merkezi tasarım değişkenleri
   Tüm ön yüz sayfalarında (ana site, /randevu, randevu yanıt ve
   bakım sayfası) ve yönetim panelinde (view/backend/layout/head.php)
   diğer stillerden ÖNCE yüklenir. Renkler yalnızca
   buradan değiştirilir; bileşenler var(--lm-...) rollerini kullanır.
   ========================================================== */
:root {
    /* ---------- Marka paleti ---------- */
    --lm-fildisi:  #F5F1EA;   /* zemin, geniş yüzeyler */
    --lm-sampanya: #D6C3A2;   /* ince çizgi, küçük vurgu, seçili öğe */
    --lm-antrasit: #282725;   /* başlık, metin, güçlü kontrast */
    --lm-vizon:    #A79A8A;   /* ikincil metin (büyük punto), ikincil öğeler */
    --lm-beyaz:    #FFFFFF;   /* kart, içerik alanı */

    /* Paletten türetilmiş yardımcı tonlar */
    --lm-sampanya-acik: #EFE6D6; /* seçili zemin, yumuşak dolgu */
    --lm-cizgi:         #E6DED0; /* kenarlık / ayraç */
    --lm-vizon-koyu:    #6F665B; /* küçük punto ikincil metin (AA kontrast) */
    --lm-antrasit-2:    #3A3835; /* koyu buton hover */
    --lm-hata:          #9E3B30; /* hata metni / ikon (erişilebilirlik için korunur) */
    --lm-hata-zemin:    #F6E8E4;
    --lm-hata-koyu:     #6B271F; /* hatanın koyu tonu (takvim: online + "geleceğim") */
    --lm-sampanya-koyu: #A8895A; /* şampanyanın koyu tonu (takvim: manuel + "geleceğim") */

    /* Koyu mod yüzey basamakları (antrasitten türetilmiş) */
    --lm-koyu-0: #1C1B1A;  /* sayfa zemini */
    --lm-koyu-2: #34322F;  /* yükseltilmiş yüzey, giriş kutusu */
    --lm-koyu-3: #45423E;  /* ayraç, kenarlık */
    --lm-hata-acik: #E08A7E; /* koyu zeminde hata metni */

    /* rgba() içinde kullanmak için RGB üçlüleri */
    --lm-fildisi-rgb: 245, 241, 234;
    --lm-sampanya-rgb: 214, 195, 162;
    --lm-antrasit-rgb: 40, 39, 37;
    --lm-vizon-rgb: 167, 154, 138;
    --lm-beyaz-rgb: 255, 255, 255;
    --lm-hata-rgb: 158, 59, 48;
    --lm-koyu-0-rgb: 28, 27, 26;
    --lm-vizon-koyu-rgb: 111, 102, 91;

    /* ---------- Roller ---------- */
    --lm-bg: var(--lm-fildisi);
    --lm-bg-alt: var(--lm-beyaz);
    --lm-surface: var(--lm-beyaz);
    --lm-surface-soft: var(--lm-sampanya-acik);
    --lm-surface-alt: var(--lm-fildisi);   /* kart içindeki yumuşak zemin */
    --lm-text: var(--lm-antrasit);
    --lm-text-2: var(--lm-vizon-koyu);
    --lm-text-3: var(--lm-vizon);
    --lm-text-inverse: var(--lm-beyaz);
    --lm-border: var(--lm-cizgi);
    --lm-border-strong: var(--lm-sampanya);
    --lm-accent: var(--lm-sampanya);
    --lm-link: var(--lm-antrasit);
    --lm-link-hover: var(--lm-vizon-koyu);

    /* Birincil buton */
    --lm-btn-bg: var(--lm-antrasit);
    --lm-btn-text: var(--lm-beyaz);
    --lm-btn-hover-bg: var(--lm-antrasit-2);
    --lm-btn-active-bg: #1C1B1A;
    --lm-btn-disabled-bg: var(--lm-cizgi);
    --lm-btn-disabled-text: var(--lm-vizon);
    /* İkincil buton */
    --lm-btn2-bg: var(--lm-beyaz);
    --lm-btn2-text: var(--lm-antrasit);
    --lm-btn2-border: var(--lm-sampanya);
    --lm-btn2-hover-bg: var(--lm-fildisi);
    /* Seçili öğe (tarih, saat, personel, filtre) */
    --lm-selected-bg: var(--lm-antrasit);
    --lm-selected-text: var(--lm-beyaz);
    --lm-selected-soft-bg: var(--lm-sampanya-acik);
    --lm-selected-border: var(--lm-sampanya);

    /* Form */
    --lm-input-bg: var(--lm-beyaz);
    --lm-input-border: var(--lm-cizgi);
    --lm-input-focus: var(--lm-sampanya);
    --lm-input-placeholder: var(--lm-vizon);
    --lm-focus-ring: 0 0 0 3px rgba(var(--lm-sampanya-rgb), 0.45);

    /* Şekil */
    --lm-radius-sm: 8px;
    --lm-radius: 12px;
    --lm-radius-lg: 16px;
    --lm-radius-pill: 999px;
    --lm-shadow: 0 1px 2px rgba(var(--lm-antrasit-rgb), 0.05);
    --lm-shadow-hover: 0 8px 24px -12px rgba(var(--lm-antrasit-rgb), 0.18);

    /* Eski şablonların (hizmet/referans detay) tanımsız kalan değişkenleri */
    --primary: var(--lm-antrasit);
    --secondary: var(--lm-sampanya);
    --light: var(--lm-fildisi);
    --light-2: var(--lm-sampanya-acik);
    --light-bg: var(--lm-fildisi);
    --white-bg: var(--lm-beyaz);
    --dark-txt: var(--lm-antrasit);
    --gray-txt: var(--lm-vizon-koyu);
}

/* ---------- Koyu mod (panel: html.dark-theme) — roller tersine döner ---------- */
html.dark-theme {
    --lm-bg: var(--lm-koyu-0);
    --lm-bg-alt: var(--lm-antrasit);
    --lm-surface: var(--lm-antrasit);
    --lm-surface-soft: var(--lm-koyu-2);
    --lm-surface-alt: var(--lm-koyu-2);
    --lm-text: var(--lm-fildisi);
    --lm-text-2: var(--lm-vizon);
    --lm-text-3: var(--lm-vizon);
    --lm-text-inverse: var(--lm-antrasit);
    --lm-border: var(--lm-koyu-3);
    --lm-link: var(--lm-sampanya);
    --lm-link-hover: var(--lm-fildisi);
    --lm-btn-bg: var(--lm-sampanya);
    --lm-btn-text: var(--lm-antrasit);
    --lm-btn-hover-bg: #E2D3B8;
    --lm-btn-active-bg: #C9B48F;
    --lm-btn-disabled-bg: var(--lm-koyu-2);
    --lm-btn-disabled-text: var(--lm-vizon);
    --lm-btn2-bg: var(--lm-koyu-2);
    --lm-btn2-text: var(--lm-fildisi);
    --lm-btn2-border: var(--lm-koyu-3);
    --lm-btn2-hover-bg: var(--lm-koyu-3);
    --lm-selected-bg: var(--lm-sampanya);
    --lm-selected-text: var(--lm-antrasit);
    --lm-selected-soft-bg: rgba(var(--lm-sampanya-rgb), 0.16);
    --lm-input-bg: var(--lm-koyu-2);
    --lm-input-border: var(--lm-koyu-3);
    --lm-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
    --lm-shadow-hover: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 14px 34px rgba(0, 0, 0, 0.5);
}

/* ---------- Ortak taban ---------- */
html body a:not([class]) { color: var(--lm-link); text-decoration-color: var(--lm-sampanya); }
html body a:not([class]):hover { color: var(--lm-link-hover); }
html body ::selection { background: var(--lm-sampanya-acik); color: var(--lm-antrasit); }
html body :focus-visible { outline: 2px solid var(--lm-sampanya); outline-offset: 2px; }
html body input::placeholder,
html body textarea::placeholder { color: var(--lm-input-placeholder); opacity: 1; }
html body button:disabled,
html body .btn:disabled,
html body [disabled].btn { background-color: var(--lm-btn-disabled-bg); color: var(--lm-btn-disabled-text); border-color: var(--lm-btn-disabled-bg); box-shadow: none; cursor: not-allowed; }

/* ---------- SweetAlert2 açılır pencereleri ---------- */
html body .swal2-popup { border-radius: var(--lm-radius-lg); background: var(--lm-surface); color: var(--lm-text); }
html body .swal2-title { color: var(--lm-text); }
html body .swal2-html-container { color: var(--lm-text-2); }
/* Buton zemini JS'teki confirmButtonColor ile gelir (ör. silme onayında --lm-hata); verilmezse birincil buton */
html body .swal2-styled.swal2-confirm { background-color: var(--lm-btn-bg); color: var(--lm-beyaz); border-radius: var(--lm-radius-pill); }
html body .swal2-styled.swal2-confirm:not([style*="--lm-hata"]) { color: var(--lm-btn-text); }
html body .swal2-styled.swal2-confirm:hover { background-image: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)); }
html body .swal2-styled.swal2-cancel,
html body .swal2-styled.swal2-deny { background-color: var(--lm-btn2-bg); color: var(--lm-btn2-text); border: 1px solid var(--lm-btn2-border); border-radius: var(--lm-radius-pill); }
html body .swal2-styled.swal2-deny[style*="--lm-vizon-koyu"] { color: var(--lm-beyaz); border-color: transparent; }
html body .swal2-styled:focus { box-shadow: var(--lm-focus-ring); }
html body .swal2-icon.swal2-success { border-color: var(--lm-sampanya); color: var(--lm-antrasit); }
html body .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--lm-antrasit); }
html body .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(var(--lm-sampanya-rgb), 0.6); }
html body .swal2-icon.swal2-info,
html body .swal2-icon.swal2-question { border-color: var(--lm-sampanya); color: var(--lm-vizon-koyu); }
html body .swal2-icon.swal2-warning { border-color: var(--lm-sampanya); color: var(--lm-vizon-koyu); }
html body .swal2-icon.swal2-error { border-color: rgba(var(--lm-hata-rgb), 0.5); color: var(--lm-hata); }
html body .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--lm-hata); }
html body .swal2-timer-progress-bar { background: var(--lm-sampanya); }
html body .swal2-validation-message { background: var(--lm-hata-zemin); color: var(--lm-hata); }

/* ==========================================================
   Atelier (2026 premium yeniden tasarım) marka paleti.
   Ön yüzde assets/css/atelier.css bu değişkenleri kullanır.
   Panel ve eski roller (yukarıdakiler) değişmedi.
   ========================================================== */
:root {
    --lm-at-siyah:         #171717;
    --lm-at-antrasit:      #34312E;
    --lm-at-kirik:         #F4F0E9;
    --lm-at-sampanya:      #C3A782;
    --lm-at-beyaz:         #FFFFFF;
    --lm-at-sampanya-metin:#7A6347; /* açık zeminde şampanya tonlu metin (AA) */
    --lm-at-cizgi:         #DDD4C6;
    --lm-at-gri:           #6B655E; /* ikincil metin (AA) */
    --lm-at-koyu-metin:    #B9AFA2; /* koyu zeminde ikincil metin */
}

/* ==========================================================
   Atelier rol eşlemesi: .lm-atelier sınıfı (ön yüzde body.at ve
   /randevu body'si) eski palet adlarını ve rolleri Atelier paletine
   yönlendirir. Roller :root'ta çözüldüğü için burada yeniden bildirilir.
   ========================================================== */
.lm-atelier {
    --lm-fildisi: var(--lm-at-kirik);
    --lm-sampanya: var(--lm-at-sampanya);
    --lm-antrasit: var(--lm-at-siyah);
    --lm-antrasit-2: var(--lm-at-antrasit);
    --lm-vizon: #8F877D;
    --lm-vizon-koyu: var(--lm-at-gri);
    --lm-sampanya-acik: #ECE4D6;
    --lm-cizgi: var(--lm-at-cizgi);
    --lm-sampanya-koyu: var(--lm-at-sampanya-metin);
    --lm-fildisi-rgb: 244, 240, 233;
    --lm-sampanya-rgb: 195, 167, 130;
    --lm-antrasit-rgb: 23, 23, 23;
    --lm-vizon-rgb: 143, 135, 125;
    --lm-vizon-koyu-rgb: 107, 101, 94;
    --lm-radius-sm: 0;
    --lm-radius: 0;
    --lm-radius-lg: 0;
    --lm-bg: var(--lm-fildisi);
    --lm-bg-alt: var(--lm-beyaz);
    --lm-surface: var(--lm-beyaz);
    --lm-surface-soft: var(--lm-sampanya-acik);
    --lm-surface-alt: var(--lm-fildisi);
    --lm-text: var(--lm-antrasit);
    --lm-text-2: var(--lm-vizon-koyu);
    --lm-text-3: var(--lm-vizon);
    --lm-text-inverse: var(--lm-beyaz);
    --lm-border: var(--lm-cizgi);
    --lm-border-strong: var(--lm-sampanya);
    --lm-accent: var(--lm-sampanya);
    --lm-link: var(--lm-antrasit);
    --lm-link-hover: var(--lm-vizon-koyu);
    --lm-btn-bg: var(--lm-antrasit);
    --lm-btn-text: var(--lm-beyaz);
    --lm-btn-hover-bg: var(--lm-antrasit-2);
    --lm-btn-disabled-bg: var(--lm-cizgi);
    --lm-btn-disabled-text: var(--lm-vizon);
    --lm-btn2-bg: var(--lm-beyaz);
    --lm-btn2-text: var(--lm-antrasit);
    --lm-btn2-border: var(--lm-sampanya);
    --lm-btn2-hover-bg: var(--lm-fildisi);
    --lm-selected-bg: var(--lm-antrasit);
    --lm-selected-text: var(--lm-beyaz);
    --lm-selected-soft-bg: var(--lm-sampanya-acik);
    --lm-selected-border: var(--lm-sampanya);
    --lm-input-bg: var(--lm-beyaz);
    --lm-input-border: var(--lm-cizgi);
    --lm-input-focus: var(--lm-sampanya);
    --lm-input-placeholder: var(--lm-vizon);
    --lm-focus-ring: 0 0 0 3px rgba(var(--lm-sampanya-rgb), 0.45);
    --lm-shadow: 0 1px 2px rgba(var(--lm-antrasit-rgb), 0.05);
    --lm-shadow-hover: 0 8px 24px -12px rgba(var(--lm-antrasit-rgb), 0.18);
    --primary: var(--lm-antrasit);
    --secondary: var(--lm-sampanya);
    --light: var(--lm-fildisi);
    --light-2: var(--lm-sampanya-acik);
    --light-bg: var(--lm-fildisi);
    --white-bg: var(--lm-beyaz);
    --dark-txt: var(--lm-antrasit);
    --gray-txt: var(--lm-vizon-koyu);
    --lm-btn-active-bg: var(--lm-at-antrasit);
}