/* ============================================
   LOGITERA THEME SYSTEM v1.0
   Geowix.Web Global Tema Renkleri

   Kullanim: body.is-dark selector'u ile Huro
   framework'une entegre calisir.

   Prefix: --logi-theme-*
   ============================================ */

/* ----------------------------------------
   BOLUM 1: SABIT RENKLER (Tema Bagimsiz)
   Her iki temada da ayni kalan renkler
   ---------------------------------------- */
:root {
    /* Primary / Accent - Logitera Mor */
    --logi-theme-primary: #797bf2;
    --logi-theme-primary-hover: #6366f1;
    --logi-theme-primary-light: rgba(121, 123, 242, 0.1);
    --logi-theme-primary-border: rgba(121, 123, 242, 0.2);
    --logi-theme-primary-glow: rgba(121, 123, 242, 0.3);

    /* Success */
    --logi-theme-success: #10b981;
    --logi-theme-success-hover: #059669;
    --logi-theme-success-light: rgba(16, 185, 129, 0.1);

    /* Info */
    --logi-theme-info: #3b82f6;
    --logi-theme-info-hover: #2563eb;
    --logi-theme-info-light: rgba(59, 130, 246, 0.1);

    /* Warning */
    --logi-theme-warning: #f59e0b;
    --logi-theme-warning-hover: #d97706;
    --logi-theme-warning-light: rgba(245, 158, 11, 0.1);

    /* Danger */
    --logi-theme-danger: #ef4444;
    --logi-theme-danger-hover: #dc2626;
    --logi-theme-danger-light: rgba(239, 68, 68, 0.1);

    /* Ek Accent Renkler */
    --logi-theme-purple: #a855f7;
    --logi-theme-orange: #f97316;
    --logi-theme-teal: #14b8a6;
    --logi-theme-pink: #ec4899;
    --logi-theme-cyan: #06b6d4;

    /* ═══════════════════════════════════════════════════════════════ */
    /* BORDER RADIUS SCALE                                            */
    /* ═══════════════════════════════════════════════════════════════ */
    --logi-theme-radius-xs: 3px;
    --logi-theme-radius-sm: 4px;
    --logi-theme-radius-md: 8px;
    --logi-theme-radius-lg: 12px;
    --logi-theme-radius-xl: 20px;
    --logi-theme-radius-full: 9999px;

    /* ═══════════════════════════════════════════════════════════════ */
    /* SPACING SCALE (4px base)                                       */
    /* ═══════════════════════════════════════════════════════════════ */
    --logi-theme-space-1: 4px;
    --logi-theme-space-2: 6px;
    --logi-theme-space-3: 8px;
    --logi-theme-space-4: 12px;
    --logi-theme-space-5: 16px;
    --logi-theme-space-6: 20px;
    --logi-theme-space-7: 24px;
    --logi-theme-space-8: 32px;
}

/* ----------------------------------------
   BOLUM 2: LIGHT TEMA (Varsayilan)
   body.is-dark olmadiginda aktif
   ---------------------------------------- */
:root {
    /* Arka Plan Renkleri */
    --logi-theme-bg-body: #f5f6fa;
    --logi-theme-bg-primary: #f0f2f5;
    --logi-theme-bg-secondary: #ffffff;
    --logi-theme-bg-tertiary: #f8f9fa;
    --logi-theme-bg-card: #ffffff;
    --logi-theme-bg-sidebar: #ffffff;
    --logi-theme-bg-hover: rgba(121, 123, 242, 0.08);
    --logi-theme-bg-active: rgba(121, 123, 242, 0.12);
    --logi-theme-bg-muted: #f3f4f6;

    /* Metin Renkleri */
    --logi-theme-text-primary: #161d33;
    --logi-theme-text-secondary: #3d4659;
    --logi-theme-text-muted: #6e7189;
    --logi-theme-text-inverse: #ffffff;
    --logi-theme-text-link: var(--logi-theme-primary);

    /* Border Renkleri */
    --logi-theme-border: #e8e8e8;
    --logi-theme-border-light: #f0f0f0;
    --logi-theme-border-strong: #d0d0d0;
    --logi-theme-border-focus: var(--logi-theme-primary);

    /* Shadow Renkleri */
    --logi-theme-shadow-color: rgba(0, 0, 0, 0.1);
    --logi-theme-shadow-color-strong: rgba(0, 0, 0, 0.15);

    /* Input Renkleri */
    --logi-theme-input-bg: #ffffff;
    --logi-theme-input-border: #e0e0e0;
    --logi-theme-input-placeholder: #a2a5b9;
    --logi-theme-input-focus-shadow: rgba(121, 123, 242, 0.15);

    /* Scrollbar Renkleri */
    --logi-theme-scrollbar-bg: #f0f0f0;
    --logi-theme-scrollbar-thumb: #c0c0c0;
    --logi-theme-scrollbar-thumb-hover: #a0a0a0;

    /* Overlay Renkleri */
    --logi-theme-overlay: rgba(0, 0, 0, 0.5);
    --logi-theme-modal-bg: #ffffff;

    /* Focus Ring */
    --logi-theme-focus-ring: 0 0 0 3px rgba(121, 123, 242, 0.2);
    --logi-theme-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* ----------------------------------------
   BOLUM 3: DARK TEMA
   body.is-dark aktif oldugunda
   ---------------------------------------- */
body.is-dark {
    /* Arka Plan Renkleri */
    --logi-theme-bg-body: #1a1a1e;
    --logi-theme-bg-primary: #1e1e22;
    --logi-theme-bg-secondary: #2a2a2e;
    --logi-theme-bg-tertiary: #323236;
    --logi-theme-bg-card: rgba(59, 59, 65, 0.95);
    --logi-theme-bg-sidebar: #232326;
    --logi-theme-bg-hover: rgba(255, 255, 255, 0.08);
    --logi-theme-bg-active: rgba(255, 255, 255, 0.12);
    --logi-theme-bg-muted: #3a3a3e;

    /* Metin Renkleri */
    --logi-theme-text-primary: #fafafa;
    --logi-theme-text-secondary: rgba(255, 255, 255, 0.7);
    --logi-theme-text-muted: rgba(255, 255, 255, 0.5);
    --logi-theme-text-inverse: #283252;
    --logi-theme-text-link: var(--logi-theme-primary);

    /* Border Renkleri */
    --logi-theme-border: #3b3b41;
    --logi-theme-border-light: #2e2e32;
    --logi-theme-border-strong: #4a4a50;
    --logi-theme-border-focus: var(--logi-theme-primary);

    /* Shadow Renkleri */
    --logi-theme-shadow-color: rgba(0, 0, 0, 0.3);
    --logi-theme-shadow-color-strong: rgba(0, 0, 0, 0.5);

    /* Input Renkleri */
    --logi-theme-input-bg: rgba(0, 0, 0, 0.2);
    --logi-theme-input-border: rgba(255, 255, 255, 0.1);
    --logi-theme-input-placeholder: rgba(255, 255, 255, 0.4);
    --logi-theme-input-focus-shadow: rgba(121, 123, 242, 0.25);

    /* Scrollbar Renkleri */
    --logi-theme-scrollbar-bg: #1e1e22;
    --logi-theme-scrollbar-thumb: #4a4a4e;
    --logi-theme-scrollbar-thumb-hover: #5a5a5e;

    /* Overlay Renkleri */
    --logi-theme-overlay: rgba(0, 0, 0, 0.7);
    --logi-theme-modal-bg: #2a2a2e;

    /* Focus Ring */
    --logi-theme-focus-ring: 0 0 0 3px rgba(121, 123, 242, 0.3);
    --logi-theme-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.3);
}