:root {
    /* Ana Renkler */
    --primary-color: #ff6600;
    --primary-color-rgb: 255, 102, 0;
    --secondary-color: #ff8c00;
    --secondary-color-rgb: 255, 140, 0;
    --dark-bg-color: #161b2e;
    --light-bg-color: #1e2642;
    --text-color: #ffffff;
    --border-color: #2a324a;
    
    /* Metin Renkleri */
    --text-muted: rgba(255, 255, 255, 0.6);
    --text-light: #e0e0e0;
    
    /* Buton ve Link Renkleri */
    --button-text-color: #ffffff;
    --link-hover-color: #ff8c00;
    --primary-hover-color: #ff8c00;
    
    /* Durum Renkleri */
    --success-color: #36b37e;
    --warning-color: #ffab00;
    --danger-color: #ff5872;
    --info-color: #00bae9;
    
    /* Arayüz Bileşenleri */
    --card-bg: rgba(26, 28, 40, 0.8);
    --header-bg: rgba(16, 20, 36, 0.85);
    --input-bg: rgba(22, 27, 46, 0.8);
    --sidebar-bg: #161b2e;
    --card-header-bg: #161b2e;
    --input-color: #ffffff;

    /* Gradyanlar ve Efektler */
    --gradient-primary: linear-gradient(to right, #ff6600, #ff8c00);
    --gradient-bg: linear-gradient(to bottom, rgba(22, 27, 46, 0.9) 0%, rgba(30, 38, 66, 0.9) 100%);
    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --box-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.15);
    --box-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.25);
    
    /* Diğer Özellikler */
    --transition: all 0.3s ease;
    --border-radius-sm: 5px;
    --border-radius-md: 8px;
    --border-radius-lg: 10px;
    --border-radius: var(--border-radius-md);
    --header-height: 80px;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Admin panel uyumluluğu için değişkenler */
    --primary-rgb: 255, 102, 0;
    --button-bg: #ff6600;
    --button-hover-bg: #ff8c00;
    --button-color: #ffffff;
    --darker-bg: #161b2e;
}