/* css/colors.css */
:root {
    /* 🎨 Temel Renkler */
    --bg-primary: #F8F5F0;
    --card-bg: #FFFFFF;
    
    /* 📝 Yazı Renkleri */
    --text-primary: #3A2E2A;
    --text-secondary: #6B5D56;
    --text-tertiary: #9C8F88;
    --text-disabled: #C4BAB4;
    --text-on-primary: #FFFFFF;
    --text-link: #B87333;
    --text-link-hover: #9A602B;

    /* 🔘 Butonlar */
    --btn-primary-bg: #B87333;
    --btn-primary-hover: #9A602B;
    --btn-primary-active: #7D4F22;
    --btn-primary-text: #FFFFFF;
    --btn-primary-disabled: #D9C3AC;
    
    --btn-secondary-bg: #FFFFFF;
    --btn-secondary-border: #B87333;
    --btn-secondary-text: #B87333;
    --btn-secondary-hover-bg: #FBF1E7;
    
    --btn-tertiary-text: #3A2E2A;
    --btn-tertiary-hover-bg: #F0EAE3;
    
    --btn-danger-bg: #D64545;
    --btn-danger-hover: #B93A3A;
    --btn-danger-text: #FFFFFF;

    /* 🏷️ Etiketler & Rozetler & Fiyatlar */
    --tag-discount-bg: #D64545;
    --tag-discount-text: #FFFFFF;
    --tag-new-bg: #3E8E41;
    --tag-new-text: #FFFFFF;
    --tag-bestseller-bg: #B87333;
    --tag-bestseller-text: #FFFFFF;
    --tag-freeship-bg: #2D6CA2;
    --tag-freeship-text: #FFFFFF;
    
    --price-original: #9C8F88;
    --price-discounted: #D64545;
    --price-final: #3A2E2A;

    /* ✅ Durum & Bildirim Mesajları */
    --success-bg: #E8F5E9;
    --success-text: #3E8E41;
    --success-border: #A8D5AA;
    
    --error-bg: #FDECEC;
    --error-text: #D64545;
    --error-border: #F0B4B4;
    
    --warning-bg: #FFF4E5;
    --warning-text: #C9820A;
    --warning-border: #F0D19A;
    
    --info-bg: #EAF3FA;
    --info-text: #2D6CA2;
    --info-border: #B7D6EA;

    /* 🖼️ Yapı / Genel Arayüz */
    --bg-secondary: #F0EAE3;
    --card-shadow: rgba(58, 46, 42, 0.08);
    --border-light: #E7E0D8;
    --border-medium: #D9CFC5;
    --divider: #EDE6DD;
    --navbar-bg: #FFFFFF;
    --navbar-text: #3A2E2A;
    --footer-bg: #3A2E2A;
    --footer-text: #F8F5F0;
    --overlay: rgba(58, 46, 42, 0.6);

    /* ⭐ Yıldız / Puanlama */
    --star-filled: #E9A83B;
    --star-empty: #E0D8CE;
    --rating-text: #6B5D56;

    /* 📋 Form Elemanları */
    --input-bg: #FFFFFF;
    --input-border: #D9CFC5;
    --input-border-focus: #B87333;
    --input-placeholder: #9C8F88;
    --input-error-border: #D64545;
    --checkbox-checked: #B87333;

    /* 🛒 Sepet & Ödeme Özel */
    --badge-cart-count-bg: #D64545;
    --badge-cart-count-text: #FFFFFF;
    --stepper-btn-bg: #F0EAE3;
    --stepper-btn-text: #3A2E2A;
    --free-shipping-progress: #3E8E41;

    /* ---------------------------------------------------- */
    /* GERİYE DÖNÜK UYUMLULUK (Sitedeki eski kodların bozulmaması için) */
    /* ---------------------------------------------------- */
    --bg-color: var(--bg-primary);
    --text-main: var(--text-primary);
    --primary-btn: var(--btn-primary-bg);
    --primary-btn-hover: var(--btn-primary-hover);
    --discount-tag: var(--price-discounted);
    --success-msg: var(--success-text);
    --border-color: var(--border-medium);
}

/* Glowing Badge Notifications */
.nav-badge-glow-orange {
    animation: glowOrangeBadge 1.5s infinite alternate ease-in-out;
}
.nav-badge-glow-blue {
    animation: glowBlueBadge 1.5s infinite alternate ease-in-out;
}
.nav-badge-glow-mixed {
    animation: glowMixedBadge 3s infinite ease-in-out;
}
@keyframes glowOrangeBadge {
    0% { box-shadow: 0 0 5px #FF9800; background-color: #FF9800; }
    100% { box-shadow: 0 0 15px #FF9800, 0 0 5px #FF9800 inset; background-color: #F57C00; }
}
@keyframes glowBlueBadge {
    0% { box-shadow: 0 0 5px #2196F3; background-color: #2196F3; }
    100% { box-shadow: 0 0 15px #2196F3, 0 0 5px #2196F3 inset; background-color: #1976D2; }
}
@keyframes glowMixedBadge {
    0% { box-shadow: 0 0 5px #2196F3; background-color: #2196F3; }
    40% { box-shadow: 0 0 15px #2196F3; background-color: #1976D2; }
    50% { box-shadow: 0 0 5px #FF9800; background-color: #FF9800; }
    90% { box-shadow: 0 0 15px #FF9800; background-color: #F57C00; }
    100% { box-shadow: 0 0 5px #2196F3; background-color: #2196F3; }
}
.nav-item-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 10;
    pointer-events: none;
}