/**
 * =============================================
 * CSS DEĞİŞKENLERİ (VARIABLES)
 * =============================================
 * 
 * Tüm site genelinde kullanılan renk, font, 
 * boyut ve animasyon değişkenleri burada tanımlanır.
 * 
 * @author Neredebuluruz.com
 * @version 2.0
 */

:root {
    /* ========================================
       MARKA RENKLERİ
       ======================================== */
    --nb-brand: #062042;
    /* Ana marka rengi (koyu mavi) */
    --nb-turq: #1aa0a3;
    /* Turkuaz vurgu rengi */
    --nb-text: #111;
    /* Ana metin rengi */
    --nb-muted: #777;
    /* Soluk metin rengi */
    --nb-line: #f0f0f0;
    /* Çizgi/border rengi */
    --nb-border: #e0e0e0;
    /* Daha belirgin border */
    --bg-color: #ffffff;
    /* Arka plan rengi */
    --card-bg: #ffffff;
    /* Kart arka planı */

    /* ========================================
       LAYOUT ÖLÇÜLERİ
       ======================================== */
    --header-height: 70px;
    /* Header yüksekliği */
    --fab-size: 56px;
    /* FAB buton boyutu */
    --layout-bottom-h: 18vh;
    /* Hero alt bölüm yüksekliği */
    --container-max-width: 1800px;
    /* Konteyner maksimum genişliği (4K ve ultra-wide desteği için artırıldı) */
    --container-width: 80%;
    /* Sayfa yerleşim oranı (Kullanıcı talebi doğrultusunda %80 olarak ayarlandı) */

    /* ========================================
       ANİMASYON EASING FONKSİYONLARI
       ======================================== */
    --nb-ease: cubic-bezier(.19, 1, .22, 1);
    /* Expo ease-out */
    --ease-smooth: cubic-bezier(0.4, 0.0, 0.2, 1);
    /* Smooth geçiş */

    /* ========================================
       EFEKT DEĞERLERİ
       ======================================== */
    --nb-blur: 1px;
    /* Menü blur efekti */
    --nb-dim: .95;
    /* Menü karartma oranı */

    /* ========================================
       TİPOGRAFİ
       ======================================== */
    /* Font Aileleri */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-heading: var(--font-primary);
    --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

    /* Font Boyutları */
    --text-xs: 11px;
    --text-sm: 12px;
    --text-base: 13px;
    --text-md: 14px;
    --text-lg: 16px;
    --text-xl: 18px;
    --text-2xl: 22px;
    --text-3xl: 28px;

    /* Font Ağırlıkları */
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* ========================================
       PREMIUM & DURUM RENKLERİ
       ======================================== */
    --nb-gold: #fbbf24;
    --nb-gold-dark: #d97706;
    --nb-premium-grad: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    
    --status-pending-bg: rgba(245, 158, 11, 0.15);
    --status-pending-text: #f59e0b;
    --status-active-bg: rgba(16, 185, 129, 0.15);
    --status-active-text: #10b981;
    --status-queued-bg: rgba(139, 92, 246, 0.15);
    --status-queued-text: #8b5cf6;
    --status-rejected-bg: rgba(239, 68, 68, 0.15);
    --status-rejected-text: #ef4444;
    --status-expired-bg: rgba(239, 68, 68, 0.1);
    --status-expired-text: #94a3b8;

    /* Satır Yükseklikleri */
    --leading-relaxed: 1.75;
}