:root {
            --font-family: 'Plus Jakarta Sans', sans-serif;
            /* Universal Theme Variables */
            --c-primary: #f1f5f9;
            --c-accent: #d5d0be;
            --c-bg: #0f172a;
            --c-card-bg: #1e293b;
            --c-border: #1e293b;
            --c-heading: #f1f5f9;
            --c-text: #f1f5f9;
            --c-text-muted: #94a3b8;
            --c-lang-bg: #1a365d;
            --c-lang-text: #ffffff;
            --c-slider-bg: #1a365d;
            --c-slider-text: #d5d0be;
            --c-filter-bg: #1e293b;
            --c-filter-text: #d5d0be;
            --c-filter-active-bg: #1a365d;
            --c-filter-active-text: #f1f5f9;
            /* Tool Cards */
            --tc-bg: #1e293b;
            --tc-border: #1e293b;
            --tc-border-hover: #1e293b;
            --tc-heading: #f1f5f9;
            --tc-text: #94a3b8;
            --tc-icon-bg: #1e293b;
            --tc-icon-text: #f1f5f9;
            --tc-radius: 16px;
            --tc-border-width: 0 0 0 0;
                        --tc-glass-shadow: 0 12px 36px -12px rgba(0, 0, 0, 0.08), inset 0 1px 0 #38404d, inset 0 -1px 0 #38404d, inset 2px 0 0 #38404d, inset -2px 0 0 #38404d;
            --tc-glass-shadow-hover: 0 24px 50px -14px rgba(59, 130, 246, 0.22), inset 0 1px 0 #38404d, inset 0 -1px 0 #38404d, inset 2px 0 0 #38404d, inset -2px 0 0 #38404d;
            /* Blog Cards */
            --bc-bg: #1e293b;
            --bc-border: #1e293b;
            --bc-heading: #f1f5f9;
            --bc-text: #94a3b8;
            --bc-footer-bg: #0f172a;
            --bc-radius: 16px;
            --bc-btn-text: #f1f5f9;
            /* Cookie Consent */
            --cookie-bg: #1e293b;
            --cookie-border: #d5d0be;
            --cookie-title: #f1f5f9;
            --cookie-text: #f1f5f9;
            --cookie-btn-settings-bg: #d5d0be;
            --cookie-btn-settings-text: #1e293b;
            --cookie-btn-accept-bg: #1a365d;
            --cookie-btn-accept-text: #f1f5f9;
            --swiper-navigation-color: var(--c-slider-text);
            --swiper-pagination-color: var(--c-slider-text);
            --header-bg: rgba(30, 41, 59, 0.8);
            --header-text: #f1f5f9;
            --header-hover: #d5d0be;
            --header-border-width: 0;
            --header-border-color: #1e293b;
            --header-radius: 0;
            --header-search-bg: #263244;
            --header-search-border: #334155;
            --header-search-text: #f1f5f9;
            --header-search-focus-bg: #334155;
            --header-search-focus-border: #64748b;
            --header-search-focus-text: #f1f5f9;
            --header-search-btn-bg: #334155;
            --header-search-btn-text: #f1f5f9;
            --header-search-btn-hover-bg: #64748b;
            --header-search-btn-hover-text: #f1f5f9;
            --header-search-radius: 88px;
            --header-dropdown-bg: #334155;
            --header-dropdown-hover: #263244;
            --header-dropdown-text: #f1f5f9;
            --header-dropdown-icon: #f1f5f9;
            --header-dropdown-cat: #64748b;
            --header-dropdown-radius: 12px;
                        --header-cat-btn-hover-shadow: 0 0 15px rgba(100, 116, 139, 0.4), 0 4px 6px rgba(0,0,0,0.1);
            --header-cat-btn-bg: #ffffff;
            --header-cat-btn-border: #e2e8f0;
            --header-cat-btn-border-style: solid;
            --header-cat-btn-color: #1a365d;
            --header-cat-btn-hover-bg: #1a365d;
            --header-cat-btn-hover-color: #ffffff;
            --header-cat-btn-hover-border: #64748b;
            --header-cat-btn-hover-border-style: solid;
            --footer-bg: #1e293b;
            --footer-text: #f1f5f9;
            --footer-heading: #94a3b8;
            --footer-link: #f1f5f9;
            --footer-link-hover: #d5d0be;
            --footer-img: ;
            --footer-border-width: 0 0 0 0;
            --footer-border-color: #1e293b;
            --footer-radius: 20px 20px 0 0;
            --hero-bg: #1e293b;
            --hero-img: ;
            --hero-heading: #f1f5f9;
            --hero-text: #f1f5f9;
            --hero-border-width: 0 0 0 0;
            --hero-border-color: #1e293b;
            --hero-radius: 0 0 20px 20px;
            --hero-search-bg: #263244;
            --hero-search-border: #334155;
            --hero-search-text: #f1f5f9;
            --hero-search-focus-bg: #334155;
            --hero-search-focus-border: #64748b;
            --hero-search-focus-text: #f1f5f9;
            --hero-search-btn-bg: #334155;
            --hero-search-btn-text: #f1f5f9;
            --hero-search-btn-hover-bg: #64748b;
            --hero-search-btn-hover-text: #f1f5f9;
            --hero-search-radius: 999px;
            --hero-dropdown-bg: #334155;
            --hero-dropdown-hover: #263244;
            --hero-dropdown-text: #f1f5f9;
            --hero-dropdown-icon: #f1f5f9;
            --hero-dropdown-cat: #64748b;
            --hero-dropdown-radius: 12px;
            /* ═══ TOAST SETTINGS ═══ */
                        --toast-bg-success: rgba(16, 185, 129, 0.5);
            --toast-bg-error: rgba(239, 68, 68, 0.5);
            --toast-bg-info: rgba(59, 130, 246, 0.5);
            --toast-text: #f1f5f9;
            --toast-radius: 12px;
            --toast-border-w: 0px;
            --toast-border-c: #c70000;
            --toast-width: auto;
            --toast-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            --toast-blur: 12px;
            /* ═══ TOOL PAGE GLOBAL VARIABLES ═══ */
            /* Yeni Araç Sayfası Düzeni (Premium) */
            --tool-hero-bg: #1e293b;
            --tool-hero-border: #1e293b;
            --tool-content-bg: #1e293b;
            --tool-content-border: #1e293b;
            --tool-info-bg: #1e293b;
            --tool-info-border: #1e293b;
            --tool-sb-bg: #1e293b;
            --tool-sb-border: #1e293b;
            --tool-ad-bg: #0f172a;
            --tool-ad-border: #1e293b;
            /* Genel Container */
            --t-container-bg: #0f172a;
            --t-container-border: #334155;
            --t-container-radius: 16px;
            /* Input & Textarea */
            --t-input-bg: #263244;
            --t-input-border: #334155;
            --t-input-text: #94a3b8;
            --t-input-placeholder: #94a3b8;
            --t-input-focus-border: #3b82f6;
            --t-input-radius: 0 0 0 0;
            --t-input-height: 46px;
            --t-input-padding: 0 16px;
            --t-input-fontsize: 1rem;
            /* Butonlar (BAĞIMSIZ TOOL BUTONLARI) */
            --t-btn-primary-bg: #ff8a00;
            --t-btn-primary-text: #f8fafc;
            --t-btn-primary-hover-bg: #2563eb;
            --t-btn-secondary-bg: #2563eb;
            --t-btn-secondary-border: #cbd5e1;
            --t-btn-secondary-text: #cbd5e1;
            --t-btn-secondary-hover-bg: #e2e8f0;
            --t-btn-danger-bg: #ef4444;
            --t-btn-danger-text: #f8fafc;
            --t-btn-radius: 8px;
            /* Sonuç & Çıktı Kutuları */
            --t-result-bg: #263244;
            --t-result-border: #334155;
            --t-result-text: #94a3b8;
            --t-result-value: #3b82f6;
            /* Panel/Kontrol Başlıkları */
            --t-panel-header-bg: #1e293b;
            --t-panel-header-border: #1e293b;
            --t-panel-header-text: #94a3b8;
            /* Label & Caption */
            --t-label-text: #f8fafc;
            --t-caption-text: #94a3b8;
            /* Stat/İstatistik Kutuları */
            --t-stat-bg: #1e293b;
            --t-stat-border: #1e293b;
            --t-stat-value: #f1f5f9;
            --t-stat-label: #94a3b8;
            /* Drop Zone (Dosya Yükleme Alanı) */
            --t-drop-bg: #1e293b;
            --t-drop-border: #94a3b8;
            --t-drop-hover-bg: #eff6ff;
            --t-drop-hover-border: #3b82f6;
            /* Kod Blokları & Mono Alanlar */
            --t-code-bg: #0f172a;
            --t-code-text: #f1f5f9;
            /* Badge / Etiket */
            --t-badge-bg: #1e293b;
            --t-badge-text: #f1f5f9;
            /* Range Slider & Checkboxes */
            --t-slider-accent: #3b82f6;
            --t-checkbox-accent: #f1f5f9;
            --t-checkbox-size: 22px;
            --t-checkbox-radius: 6px;
            --t-slider-track-height: 6px;
            --t-slider-thumb-size: 24px;
            /* İletişim Sayfası */
            --co-title: #f1f5f9;
            --co-desc: #64748b;
            --co-form-bg: #1e293b;
            --co-form-border: transparent;
            --co-form-title: #f1f5f9;
            --co-label: #f1f5f9;
            --co-input-bg: #f1f5f9;
            --co-input-border: #cbd5e1;
            --co-input-text: #0f172a;
            --co-input-focus: #0f172a;
            --co-btn-bg: #64748b;
            --co-btn-text: #ffffff;
            --co-info-bg: linear-gradient(135deg, #1e293b, #0f172a);
            --co-info-title: #ffffff;
            --co-info-text: #94a3b8;
            --co-info-item-title: #64748b;
            --co-info-item-val: #e2e8f0;
            --co-faq-bg: #f1f5f9;
            --co-faq-border: #e2e8f0;
            --co-faq-title: #0f172a;
            --co-faq-q: #0f172a;
            --co-faq-a: #64748b;
            /* Tools Page Topbar */
            --tp-topbar-bg: rgba(30, 41, 59, 0.85);
            --tp-topbar-border: rgba(30, 41, 59, 0.85);
            --tp-topbar-title: #f1f5f9;
            --tp-topbar-text: #f1f5f9;
            --tp-filter-bg: #1a365d;
            --tp-filter-btn-bg-active: #2e5fa3;
            --tp-filter-btn-text-active: #ffffff;
            --tp-filter-btn-text: #64748b;
            --tp-cat-btn-bg: #0f172a;
            --tp-cat-btn-bg-active: #1a365d;
            --tp-cat-btn-border: #0f172a;
            --tp-cat-btn-text: #d5d0be;
            --tp-cat-btn-text-active: #f1f5f9;
            /* Sidebar */
            --sb-bg: #1e293b;
            --sb-border: #1e293b;
            --sb-heading: #f1f5f9;
            --sb-search-bg: #f1f5f9;
            --sb-search-border: #f1f5f9;
            --sb-cat-text: #d5d0be;
            --sb-cat-bg-active: #1a365d;
            --sb-cat-text-active: #f1f5f9;
            --sb-cat-count-bg: #0f172a;
            --sb-cat-count-text: #f1f5f9;
            --sb-tool-bg: #1e293b;
            --sb-tool-bg-active: rgba(26,54,93,0.1);
            --sb-tool-icon-bg: #1e293b;
            --sb-tool-icon-color: #d5d0be;
            --sb-tool-title: #d5d0be;
            --blog-card-bg: #1e293b;
            --blog-heading: #f1f5f9;
            /* Blog Detail Page */
            --bl-heading: #f1f5f9;
            --bl-text: #64748b;
            --bp-text: #f1f5f9;
            --bp-heading: #f1f5f9;
            --bp-meta-text: #64748b;
            --bp-tag-bg: #e0e7ff;
            --bp-tag-text: #3730a3;
            --bp-summary-bg: #d5d0be;
            --bp-summary-border: #64748b;
            --bp-summary-text: #334155;
            --bp-share-bg: #1e293b;
            --bp-blockquote-border: #cbd5e1;
            --bp-blockquote-text: #475569;
            --bp-pre-bg: #0f172a;
            --bp-pre-text: #f8fafc;
            /* Structural */
                        --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 18px;
            --glass-blur: 10px;
            --glass-opacity: 0.8;
        }
        body { font-family: var(--font-family); background-color: var(--c-bg); color: var(--c-text); transition: background-color 0.3s, color 0.3s; }
        /* Tool İçindeki Butonları Tool CSS Değişkenlerine Bağlama (UTA Override) */
        .uta-container .btn-primary, .uta-container .btn-accent {
            background: var(--t-btn-primary-bg) !important;
            border-color: var(--t-btn-primary-bg) !important;
            color: var(--t-btn-primary-text) !important;
        }
        .uta-container .btn-secondary, .uta-container .btn-outline {
            background: var(--t-btn-secondary-bg) !important;
            border-color: var(--t-btn-secondary-border, var(--t-btn-secondary-bg)) !important;
            color: var(--t-btn-secondary-text) !important;
        }
        .uta-container .btn-danger {
            background: var(--t-btn-danger-bg) !important;
            border-color: var(--t-btn-danger-bg) !important;
            color: var(--t-btn-danger-text) !important;
        }
        .site-logo { display: inline-block; max-width: 100%; height: auto; }
        }
                        /* ═══ ADVANCED CUSTOM CSS ═══ */
                /* ------------------------------------- */
        /* DINAMIK HOVER & FOCUS STIL YONETICISI */
        /* ------------------------------------- */
        /* HEADER NAV HOVER */
                            .nav-menu a:hover { color: var(--header-hover); }
            /* ::after zaten style.css'te tanimli */
                /* FOOTER LINK HOVER */
                            .footer-link:hover { color: var(--footer-link-hover); text-decoration: none; }
                /* ------------------------------------- */
        /* TOAST BİLDİRİM STİLLERİ               */
        /* ------------------------------------- */
        #toast-container {
            position: fixed;
            z-index: 999999;
            pointer-events: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
                            #toast-container { top: 140px; left: 50%; transform: translateX(-50%); align-items: center; }
            .toast-enter { transform: translateY(-100%); opacity: 0; }
                .site-toast {
            min-width: 250px;
            width: var(--toast-width);
            max-width: 90vw;
            color: var(--toast-text);
            padding: 14px 20px;
            border-radius: var(--toast-radius);
            box-shadow: var(--toast-shadow);
            border: var(--toast-border-w) solid var(--toast-border-c);
            backdrop-filter: blur(var(--toast-blur));
            -webkit-backdrop-filter: blur(var(--toast-blur));
            font-size: 0.95rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 12px;
            pointer-events: auto;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            opacity: 1;
            /* GPU Hızlandırma & Text Shadow Glitch Fix */
            -webkit-font-smoothing: antialiased;
            transform: translateZ(0);
            will-change: transform, opacity;
            backface-visibility: hidden;
        }
        .site-toast.toast-success { background-color: var(--toast-bg-success) !important; }
        .site-toast.toast-error { background-color: var(--toast-bg-error) !important; }
        .site-toast.toast-info { background-color: var(--toast-bg-info) !important; }
        .site-toast.toast-exit {
            opacity: 0 !important;
            transform: scale(0.9) !important;
        }
        /* SEARCH HOVER/FOCUS EFFECTS */
                .hero-search-wrapper:hover #main-search-input {
            border-color: var(--hero-search-focus-border, #3b82f6) !important;
            box-shadow: 0 0 20px rgba(100, 116, 139, 0.3), 0 20px 40px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.05) !important;
            background: var(--hero-search-focus-bg, #ffffff) !important;
        }
        .hero-search-wrapper:hover {
            transform: translateY(-2px) !important;
        }
        .header-live-search:hover #header-search-input {
            border-color: var(--header-search-focus-border, #3b82f6) !important;
            box-shadow: 0 0 20px rgba(100, 116, 139, 0.3), 0 10px 20px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
            background: var(--header-search-focus-bg, #ffffff) !important;
        }
        .header-live-search:hover .hero-search-wrapper {
            transform: translateY(-1px) !important;
        }
        .hero-search-wrapper button:hover {
            background: var(--hero-search-btn-hover-bg, #2563eb) !important;
            color: var(--hero-search-btn-hover-text, #ffffff) !important;
        }
        .header-live-search button:hover {
            background: var(--header-search-btn-hover-bg, #2563eb) !important;
            color: var(--header-search-btn-hover-text, #ffffff) !important;
        }