/**
 * IYD Core Variables
 *
 * Tüm UI renkleri, boyutları ve değişkenleri bu dosyada tanımlanır.
 * JavaScript'te UIConfig, CSS'te :root ile kullanılır.
 *
 * CSS ile senkronize: wwwroot/css/core/variables.css
 */
:root {
    /* ==========================================================================
       TOBOT OS CORE PALETTE (lumossoft.dev/tobot-mgmt tasarımı)
       ========================================================================== */

    --t-primary: #166479;
    --t-primary-hover: #166479;
    --t-bg: #F4F6F9;
    --t-surface: #FFFFFF;
    --t-border: #E2E8F0;
    --t-border-strong: #CBD5E1;

    /* METİN RENKLERİ — KESİN KURAL: hiçbir yerde gri metin yok, hepsi #000000.
       Hiyerarşi renkle değil punto/kalınlıkla kurulur. Bu üç token yalnızca
       `color:` için kullanılır; arka plan/kenarlık için --bg-dark / --t-border. */
    --t-text-main: #000000;
    --t-text-sec: #000000;
    --t-text-muted: #000000;

    /* Koyu arduvaz — SADECE arka plan/dolgu için (metin değil). */
    --t-surface-dark: #1E293B;

    --t-blue-light: #E0F2FE;
    --t-blue-border: #38BDF8;
    --t-blue-text: #0284C7;

    /* KPI Status Colors */
    --kpi-green: #10B981;
    --kpi-amber: #F59E0B;
    --kpi-red: #EF4444;

    /* ==========================================================================
       LUMOSSOFT TOBOT-MGMT REFERANS PALETİ
       ========================================================================== */
    --brand-dark: #0f172a;
    --brand-blue: #0284c7;
    --brand-yellow: #f59e0b;
    --bg-main: #f8fafc;
    --bg-white: #ffffff;
    --active-bg: #e0f2fe;
    --active-text: #0369a1;

    /* Task ekranı renkleri */
    --meeting-modal-header-bg: #f39c12;

    /* ==========================================================================
       DURUM / İLERLEME PALETİ — KANONİK RENKLER
       Kaynak: js/homepage/kanban/workspace-kanban-progress-colors.js (kanban tonları)
       + aşağıdaki --cal-bullet-* (takvim işaretleri); ikisi zaten aynı semantiği
       kullanıyordu. Site genelindeki yakın tonlar bunlara katlandı (693 kullanım,
       75 dosya). Durum rengi gerektiğinde YENİ hex yazma — bu token'lardan seç.
       ========================================================================== */
    --status-notstarted: #64748b;  /* başlamadı         (yutulan: #6c757d, #6b7280, #858796…) */
    --status-started:    #ff8a00;  /* başladı %1        (yutulan: #fd7e14, #ff9800, #f7931e…) */
    --status-progress:   #065ede;  /* devam ediyor      (yutulan: #007bff, #0d6efd, #2563eb…) */
    --status-done:       #09b33c;  /* %100              (yutulan: #28a745, #22c55e, #40c057…) */
    --status-complete:   #662dff;  /* tamamlandı (1000) */
    --status-failed:     #ff0033;  /* yapılmadı */
    --status-idle:       #e5e5e8;  /* geçilmemiş adım (açık zemin) */

    --delay-orange: #f97316;
    --delay-red: #ef4444;
    --delay-purple: #a855f7;
    --prog-blue: var(--status-progress);

    /* Firmaya özel bölüm vurgusu (dinamik bölümler Faz 4) — YALNIZ zemin/kenarlıkta
       kullanılır, metin renginde ASLA (gri-metin/siyah kuralı). Kenarlık amber ailesinden
       mevcut token'a bağlandı; zemin onun açık tintidir. */
    --module-custom-border: var(--status-started);
    --module-custom-bg: #fff4e5;
    --prog-green: var(--status-done);

    --cal-meeting-bg: orange;
    --cal-meeting-border: #9b894a;
    --cal-meeting-text: #1f2937;

    --cal-task-bg: #bfdbfe;
    --cal-task-text: #1e3a8a;
    --cal-task-border: #065ede;
    --cal-task-drag-bg: #93c5fd;

    /* Rapor takvim rengi: yeşil (kullanıcı kararı 2026-08-27; önceki amber #fde68a) */
    --cal-report-bg: #bbf7d0;
    --cal-report-text: #14532d;
    --cal-report-border: #16a34a;

    --cal-approval-bg: #e9d5ff;
    --cal-approval-text: #581c87;
    --cal-approval-border: #9333ea;

    --cal-bullet-not-started: #64748b;
    --cal-bullet-started: #ff8a00;
    --cal-bullet-closing: #09b33c;
    --cal-bullet-not-done: #ff0033;
    --cal-bullet-completed: #662dff;

    /* ==========================================================================
       LEGACY ALIASES — Mevcut sayfalar bu isimleri kullanıyor; yeni paleti alır.
       ========================================================================== */

    /* Primary Colors */
    --primary-color: var(--t-primary);
    --primary-hover: var(--t-primary-hover);
    --primary-light: rgba(22, 100, 121, 0.1);

    /* Status Colors */
    --success-color: var(--kpi-green);
    --success-hover: #059669;
    --success-light: rgba(16, 185, 129, 0.1);

    --warning-color: var(--kpi-amber);
    --warning-hover: #D97706;
    --warning-light: rgba(245, 158, 11, 0.1);

    --danger-color: var(--kpi-red);
    --danger-hover: #DC2626;
    --danger-light: rgba(239, 68, 68, 0.1);

    --info-color: var(--t-blue-text);
    --info-hover: #0369A1;
    --info-light: rgba(2, 132, 199, 0.1);

    /* Neutral Colors */
    --secondary-color: var(--t-text-sec);
    --secondary-hover: #334155;

    --light-color: var(--t-bg);
    --dark-color: var(--t-text-main);
    --dark-light: rgba(30, 41, 59, 0.1);

    --text-color: var(--t-text-main);
    --text-muted: var(--t-text-muted);
    /* Koyu zemin üstündeki metin — beyaz. Gri DEĞİL. */
    --text-light: #ffffff;

    /* Border Colors */
    --border-color: var(--t-border);
    --border-light: #F1F5F9;

    /* Background Colors */
    --bg-light: var(--t-bg);
    --bg-white: var(--t-surface);
    /* Arka plan — metin token'ına bağlı DEĞİL (metin siyaha çekildi, zemin arduvaz kalır). */
    --bg-dark: var(--t-surface-dark);

    /* Grayscale (eski global.css bloğundan taşındı) */
    --white-color: #ffffff;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #64748b;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;

    /* ==========================================================================
       TYPOGRAPHY
       ========================================================================== */

    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono: 'JetBrains Mono', monospace;

    /* ==========================================================================
       SPACING & SIZING
       ========================================================================== */

    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* Layout dimensions (lumossoft tasarımı referansı) */
    --sidebar-left-w: 240px;
    --sidebar-right-w: 260px;
    --header-top-h: 100px;

    /* ==========================================================================
       BORDER RADIUS
       ========================================================================== */

    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 1rem;
    --radius-round: 50%;

    /* ==========================================================================
       SHADOWS
       ========================================================================== */

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

    /* ==========================================================================
       TRANSITIONS
       ========================================================================== */

    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* ==========================================================================
       Z-INDEX LAYERS
       ========================================================================== */

    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 1080;

    /* ==========================================================================
       MISC (eski global.css'den taşındı)
       ========================================================================== */

    --mgmt-btn-xs-padding: .375rem .75rem;
    --app-tooltip-max-width: min(28rem, calc(100vw - 1.5rem));
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */

/* Text Colors */
.text-primary { color: var(--primary-color) !important; }
.text-success { color: var(--success-color) !important; }
.text-warning { color: var(--warning-color) !important; }
.text-danger { color: var(--danger-color) !important; }
.text-info { color: var(--info-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }

/* Background Colors */
.bg-primary-light { background-color: var(--primary-light) !important; }
.bg-success-light { background-color: var(--success-light) !important; }
.bg-warning-light { background-color: var(--warning-light) !important; }
.bg-danger-light { background-color: var(--danger-light) !important; }
.bg-info-light { background-color: var(--info-light) !important; }
.bg-dark-light { background-color: var(--dark-light) !important; }

/* Border Colors */
.border-primary { border-color: var(--primary-color) !important; }
.border-success { border-color: var(--success-color) !important; }
.border-warning { border-color: var(--warning-color) !important; }
.border-danger { border-color: var(--danger-color) !important; }

/* Status Indicators */
.status-active { color: var(--success-color); }
.status-pending { color: var(--warning-color); }
.status-inactive { color: var(--secondary-color); }
.status-error { color: var(--danger-color); }

/* Priority Indicators */
.priority-high { color: var(--danger-color); font-weight: 600; }
.priority-medium { color: var(--warning-color); font-weight: 600; }
.priority-low { color: var(--success-color); font-weight: 600; }