/* =====================================================================
   365Randevu TEMA DEĞİŞKENLERİ (Design Tokens)
   ---------------------------------------------------------------------
   Sistemin tüm renk, yazı tipi, köşe ve gölge değerleri SADECE burada
   tanımlanır. Görünümlerde (cshtml), JS'te veya C#'ta sabit renk kodu
   yazılmaz; her yer bu değişkenleri kullanır.

   Marka rengini değiştirmek için: --app-primary, --app-primary-rgb,
   --app-primary-hover ve --app-primary-dark değerlerini güncellemek yeterli.
   ===================================================================== */

:root {
    /* --- Marka --- */
    --app-primary: #0d6efd;
    --app-primary-rgb: 13, 110, 253;
    --app-primary-hover: #0b5ed7;
    --app-primary-dark: #003e9e;
    --app-primary-subtle: rgba(var(--app-primary-rgb), 0.1);
    --app-accent: #ffc107;

    /* --- Yüzeyler ve metin --- */
    --app-body-bg: #f8f9fa;
    --app-surface: #ffffff;
    --app-surface-hover: #f8f9fa;
    --app-text: #212529;
    --app-text-muted: #6c757d;
    --app-border: #dee2e6;
    --app-input-icon: #adb5bd;

    /* --- Yazı tipi --- */
    --app-font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* --- Köşe, gölge, geçiş --- */
    --app-radius-sm: 0.375rem;
    --app-radius: 0.5rem;
    --app-radius-lg: 1rem;
    --app-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --app-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --app-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --app-shadow-card: 0 0.5rem 2rem rgba(0, 0, 0, 0.08);
    --app-focus-ring: 0 0 0 0.25rem rgba(var(--app-primary-rgb), 0.25);
    --app-transition: all 0.2s ease-in-out;

    /* --- Yönetici (Admin) menü vurgusu --- */
    --app-admin-bg: #fff3cd;
    --app-admin-text: #856404;

    /* --- Rezervasyon durum renkleri (takvim ve rozetler) --- */
    --app-status-created: #fd7e14;
    --app-status-confirmed: #28a745;
    --app-status-inprocess: #17a2b8;
    --app-status-completed: #007bff;
    --app-status-cancelled: #dc3545;
    --app-status-noshow: #6c757d;
    --app-session-open: #20c997;
    --app-session-full: #6f42c1;

    /* --- Ölçüler --- */
    --app-action-bar-height: 80px;

    /* =================================================================
       Bootstrap'i tema değişkenlerine bağla
       (bg-primary, text-primary, link, odak halkası vb. buradan beslenir)
       ================================================================= */
    --bs-primary: var(--app-primary);
    --bs-primary-rgb: var(--app-primary-rgb);
    --bs-link-color: var(--app-primary);
    --bs-link-color-rgb: var(--app-primary-rgb);
    --bs-link-hover-color: var(--app-primary-hover);
    /* Not: --bs-body-bg BİLEREK ezilmiyor; Bootstrap onu input/kart/modal/tablo zemini için de kullanır.
       Sayfa zemini site.css'te body üzerinden --app-body-bg ile verilir. */
    --bs-body-color: var(--app-text);
    --bs-body-font-family: var(--app-font-family);
    --bs-border-color: var(--app-border);
    --bs-border-radius: var(--app-radius-sm);
    --bs-border-radius-lg: var(--app-radius);
    --bs-focus-ring-color: rgba(var(--app-primary-rgb), 0.25);
}

/* Bootstrap butonları derlenmiş renkleri kullanır; tema değişkenlerine bağlıyoruz */
.btn-primary {
    --bs-btn-bg: var(--app-primary);
    --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-bg: var(--app-primary-hover);
    --bs-btn-hover-border-color: var(--app-primary-hover);
    --bs-btn-active-bg: var(--app-primary-hover);
    --bs-btn-active-border-color: var(--app-primary-hover);
    --bs-btn-disabled-bg: var(--app-primary);
    --bs-btn-disabled-border-color: var(--app-primary);
    --bs-btn-focus-shadow-rgb: var(--app-primary-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--app-primary);
    --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-bg: var(--app-primary);
    --bs-btn-hover-border-color: var(--app-primary);
    --bs-btn-active-bg: var(--app-primary);
    --bs-btn-active-border-color: var(--app-primary);
    --bs-btn-disabled-color: var(--app-primary);
    --bs-btn-disabled-border-color: var(--app-primary);
    --bs-btn-focus-shadow-rgb: var(--app-primary-rgb);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: rgba(var(--app-primary-rgb), 0.5);
    box-shadow: var(--app-focus-ring);
}

.form-check-input:checked {
    background-color: var(--app-primary);
    border-color: var(--app-primary);
}