/*
 * AidataHub teması — design-system/aidatahub/MASTER.md (UI/UX Pro Max: Minimalism & Swiss,
 * kurumsal operasyon paneli) AidataHub'a uyarlandı:
 *   • Hedef görsel (docs/gorsel-hedef-ve-is-plani.md): birincil işlem rengi KIRMIZI. Tehlikeli işlemler
 *     (sil, hurda, kapat) renkle değil onay penceresi + simgeyle ayrılır; bağlantılar mavi kalır.
 *   • Açık ve koyu tema; tüm metin/zemin çiftleri ≥ 4.5:1.
 *   • Borina.UI'ye dokunulmaz: onun --bs-* değişkenleri bu katmanda ezilir (theme.css, Borina CSS'inden SONRA yüklenir).
 *   • Yazı tipi kendi sunucumuzda (Plus Jakarta Sans, OFL — fonts/OFL.txt).
 */

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/PlusJakartaSans-latin-ext.woff2") format("woff2");
    font-weight: 400 800;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/PlusJakartaSans-latin.woff2") format("woff2");
    font-weight: 400 800;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── 1. Temel tokenlar (açık tema) ─────────────────────────────────────── */
:root {
    color-scheme: light;

    --hub-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --hub-bg: #f8fafc;
    --hub-surface: #ffffff;
    --hub-surface-2: #f1f5f9;          /* çip, hover, boş yer */
    --hub-line: #e2e8f0;
    --hub-line-strong: #cbd5e1;

    --hub-ink: #0f172a;                 /* başlık ve gövde (16.9:1) */
    --hub-ink-2: #475569;               /* ikincil (7.5:1) */
    --hub-ink-3: #64748b;               /* yer tutucu (4.8:1) */

    --hub-action: #dc2626;              /* birincil işlem (4.8:1, beyaz yazıyla) */
    --hub-action-hover: #b91c1c;
    --hub-action-soft: #fef2f2;         /* seçili menü zemini */
    --hub-on-action: #ffffff;
    --hub-focus: #2563eb;               /* odak halkası kırmızıdan ayrışsın */
    --hub-link: #1d4ed8;

    --hub-accent: #dc2626;              /* marka + seçim (birincil ile aynı aile) */
    --hub-accent-strong: #b91c1c;       /* açık zeminde kırmızı yazı (5.9:1) */
    --hub-on-accent: #ffffff;

    --hub-success: #15803d;  --hub-success-soft: #dcfce7;
    --hub-on-status: #ffffff;           /* yeşil/turuncu düğme yazısı */
    --hub-warning: #b45309;  --hub-warning-soft: #fef3c7;
    --hub-danger:  #dc2626;  --hub-danger-soft:  #fee2e2;
    --hub-info:    #0369a1;  --hub-info-soft:    #e0f2fe;

    /* Çağrı durumu (sol şerit) ve yaşlanma kovaları */
    --hub-st-assigned: #64748b;
    --hub-st-active: #0369a1;
    --hub-st-paused: #b45309;
    --hub-st-closed: #15803d;
    --hub-age-fresh: #475569;
    --hub-age-aging: #a16207;
    --hub-age-old: #c2410c;
    --hub-age-stale: #b22222;

    --hub-radius: 8px;
    --hub-radius-lg: 12px;
    --hub-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}

/* ── 2. Koyu tema: sistem tercihi (kullanıcı "açık" seçmediyse) ya da elle "koyu" seçimi ── */
@media (prefers-color-scheme: dark) {
    :root:not([data-bs-theme="light"]) {
        color-scheme: dark;
        --hub-link: #93c5fd;
        --hub-accent-strong: #fca5a5;
        --hub-bg: #0f172a;
        --hub-surface: #1e293b;
        --hub-surface-2: #273449;
        --hub-line: #334155;
        --hub-line-strong: #475569;
        --hub-ink: #f1f5f9;
        --hub-ink-2: #cbd5e1;
        --hub-ink-3: #94a3b8;
        --hub-action: #f87171;
        --hub-action-hover: #fca5a5;
        --hub-action-soft: #3b1219;
        --hub-on-action: #0f172a;
        --hub-focus: #93c5fd;
        --hub-accent: #f87171;
        --hub-on-accent: #0f172a;
        --hub-success: #4ade80;  --hub-success-soft: #14532d;
        --hub-on-status: #0f172a;
        --hub-warning: #fbbf24;  --hub-warning-soft: #713f12;
        --hub-danger:  #f87171;  --hub-danger-soft:  #7f1d1d;
        --hub-info:    #38bdf8;  --hub-info-soft:    #0c4a6e;
        --hub-st-assigned: #94a3b8;
        --hub-st-active: #38bdf8;
        --hub-st-paused: #fbbf24;
        --hub-st-closed: #4ade80;
        --hub-age-fresh: #cbd5e1;
        --hub-age-aging: #fcd34d;
        --hub-age-old: #fb923c;
        --hub-age-stale: #f87171;
        --hub-shadow: none;
    }
}
:root[data-bs-theme="dark"] {
    color-scheme: dark;
    --hub-link: #93c5fd;
    --hub-accent-strong: #fca5a5;
    --hub-bg: #0f172a;
    --hub-surface: #1e293b;
    --hub-surface-2: #273449;
    --hub-line: #334155;
    --hub-line-strong: #475569;
    --hub-ink: #f1f5f9;
    --hub-ink-2: #cbd5e1;
    --hub-ink-3: #94a3b8;
    --hub-action: #f87171;
    --hub-action-hover: #fca5a5;
    --hub-action-soft: #3b1219;
    --hub-on-action: #0f172a;
    --hub-focus: #93c5fd;
    --hub-accent: #f87171;
    --hub-on-accent: #0f172a;
    --hub-success: #4ade80;  --hub-success-soft: #14532d;
    --hub-on-status: #0f172a;
    --hub-warning: #fbbf24;  --hub-warning-soft: #713f12;
    --hub-danger:  #f87171;  --hub-danger-soft:  #7f1d1d;
    --hub-info:    #38bdf8;  --hub-info-soft:    #0c4a6e;
    --hub-st-assigned: #94a3b8;
    --hub-st-active: #38bdf8;
    --hub-st-paused: #fbbf24;
    --hub-st-closed: #4ade80;
    --hub-age-fresh: #cbd5e1;
    --hub-age-aging: #fcd34d;
    --hub-age-old: #fb923c;
    --hub-age-stale: #f87171;
    --hub-shadow: none;
}

/* ── 3. Borina.UI eşlemesi: bileşenler kendi değişkenlerini okur, değerler buradan gelir ── */
:root, :root[data-bs-theme="dark"] {
    --bs-font-family: var(--hub-font);

    --bs-color-primary: var(--hub-action);
    --bs-color-primary-hover: var(--hub-action-hover);
    --bs-color-primary-active: var(--hub-action-hover);
    --bs-color-primary-light: var(--hub-action-soft);
    --bs-color-primary-mid: var(--hub-action-soft);
    --bs-color-primary-text: var(--hub-on-action);

    --bs-color-bg: var(--hub-bg);
    --bs-color-bg-subtle: var(--hub-surface-2);
    --bs-color-surface: var(--hub-surface);
    --bs-color-surface-raised: var(--hub-surface);

    --bs-color-text: var(--hub-ink);
    --bs-color-text-secondary: var(--hub-ink-2);
    --bs-color-text-muted: var(--hub-ink-2);
    --bs-color-text-placeholder: var(--hub-ink-3);
    --bs-color-text-link: var(--hub-link);
    --bs-color-text-inverse: var(--hub-surface);

    --bs-color-border: var(--hub-line);
    --bs-color-border-subtle: var(--hub-line);
    --bs-color-border-strong: var(--hub-line-strong);
    --bs-color-border-focus: var(--hub-focus);

    --bs-color-success: var(--hub-success);
    --bs-color-success-light: var(--hub-success-soft);
    --bs-color-success-text: var(--hub-on-status); /* Borina: renkli düğme üstündeki yazı */
    --bs-color-warning: var(--hub-warning);
    --bs-color-warning-light: var(--hub-warning-soft);
    --bs-color-warning-text: var(--hub-on-status);
    --bs-color-danger: var(--hub-danger);
    --bs-color-danger-light: var(--hub-danger-soft);
    --bs-color-danger-text: var(--hub-danger);
    --bs-color-info: var(--hub-info);
    --bs-color-info-light: var(--hub-info-soft);

    --bs-card-bg: var(--hub-surface);
    --bs-card-border: var(--hub-line);
    --bs-card-radius: var(--hub-radius-lg);
    --bs-card-shadow: var(--hub-shadow);

    --bs-input-bg: var(--hub-surface);
    --bs-input-border: var(--hub-line-strong);
    --bs-input-border-hover: var(--hub-ink-3);
    --bs-input-border-focus: var(--hub-focus);
    --bs-input-radius: var(--hub-radius);

    --bs-grid-border: var(--hub-line);
    --bs-grid-header-bg: var(--hub-surface-2);
    --bs-grid-header-border: var(--hub-line);
    --bs-grid-header-text: var(--hub-ink-2);
    --bs-grid-row-bg: var(--hub-surface);
    --bs-grid-row-alt-bg: var(--hub-surface);
    --bs-grid-row-hover: var(--hub-surface-2);
    --bs-grid-row-selected: var(--hub-action-soft);

    --bs-topbar-bg: var(--hub-surface);
    --bs-topbar-border: var(--hub-line);
    --bs-btn-radius: var(--hub-radius);
}

html, body {
    font-family: var(--hub-font);
    background: var(--hub-bg);
    color: var(--hub-ink);
}

:focus-visible { outline: 2px solid var(--hub-focus); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}