/* ============================================
   CRITICAL CSS - Anti-FOUC / Anti-Font-Flash
   Tailwind CDN'in geç yüklenmesinden kaynaklanan 
   görsel titreşimi (FOUC) önler.
   ============================================ */

/* 1. Temel Sıfırlamalar */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 2. Font Ailesi - sistem fontu olarak başlar, Inter yüklenince geçer */
:root {
    --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --color-bg: #0A0A0C;
    --color-text: #e5e1e4;
    --color-sidebar: rgba(2, 8, 23, 0.95);
    --color-border: rgba(255,255,255,0.1);
    --color-primary: #2e5bff;
    --color-secondary: #4edea3;
    --color-tertiary: #ffb95f;
    --color-error: #ffb4ab;
}

/* 3. Sayfa temelini ANINDA set et - Tailwind beklenmeden */
html {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-inter);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-inter);
    min-height: 100vh;
}



/* 5. Glass card - Tailwind öncesi temel görünüm */
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
}

/* 6. Sayfa geçişi için yumuşak fade */
body {
    animation: pageLoad 0.2s ease-in-out;
}

@keyframes pageLoad {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}