/* Dinamikel Logo Renk Paleti */
:root {
    /* Ana Renkler */
    --primary-light: #7EC8F5;
    --primary-main: #4A90E2;
    --primary-dark: #1F4FA3;
    
    /* Soft Tonlar */
    --primary-soft: #A7D8FF;
    --primary-medium: #5FA8F5;
    --primary-deep: #2F6EDB;
    
    /* Koyu Tonlar */
    --primary-darker: #5AAAE7;
    --primary-darkest: #0F2F7A;
    
    /* Gradient Tanımları */
    --gradient-main: linear-gradient(90deg, #7EC8F5 0%, #4A90E2 50%, #1F4FA3 100%);
    --gradient-soft: linear-gradient(90deg, #A7D8FF 0%, #5FA8F5 50%, #2F6EDB 100%);
    --gradient-dark: linear-gradient(90deg, #5AAAE7 0%, #2E6FD8 50%, #0F2F7A 100%);
    --gradient-button: linear-gradient(135deg, #4A90E2, #1F4FA3);
    --gradient-hover: linear-gradient(135deg, #5FA8F5, #2F6EDB);
    
    /* Tailwind Benzeri Utility Renkler */
    --blue-50: #F0F8FF;
    --blue-100: #E0F2FE;
    --blue-200: #BAE6FD;
    --blue-300: #7EC8F5;
    --blue-400: #5FA8F5;
    --blue-500: #4A90E2;
    --blue-600: #2F6EDB;
    --blue-700: #1F4FA3;
    --blue-800: #0F2F7A;
    --blue-900: #0A1F4D;
}

/* Global Overrides */
.bg-blue-50 { background-color: var(--blue-50) !important; }
.bg-blue-100 { background-color: var(--blue-100) !important; }
.bg-blue-500 { background-color: var(--primary-main) !important; }
.bg-blue-600 { background-color: var(--primary-deep) !important; }
.bg-blue-700 { background-color: var(--primary-dark) !important; }

.text-blue-50 { color: var(--blue-50) !important; }
.text-blue-100 { color: var(--blue-100) !important; }
.text-blue-400 { color: var(--primary-medium) !important; }
.text-blue-500 { color: var(--primary-main) !important; }
.text-blue-600 { color: var(--primary-deep) !important; }

.border-blue-500 { border-color: var(--primary-main) !important; }
.border-blue-600 { border-color: var(--primary-deep) !important; }

.hover\:bg-blue-600:hover { background-color: var(--primary-deep) !important; }
.hover\:text-blue-400:hover { color: var(--primary-medium) !important; }
.hover\:text-blue-500:hover { color: var(--primary-main) !important; }
