/* Mağaza boyası — tema aktif edilince skin renkleriyle yazıldı. Her renk kendi değişkenidir. */
:root {
    --primary: #333333;
    --primary-hover: #111111;
    --body-bg: #ffffff;
    --text: #202326;
    --dark: #202326;
    --muted: #8a8f98;
    --border: #e7e7e8;
    --header-bg: #f4f4f5;
    --hdr-main-bg: #f4f4f5;
    --footer-bg: #f5f5f5;
    --hdr-topbar-bg: #d7000f;
    --hdr-topbar-fg: #ffffff;
    --hdr-search-bg: #d7000f;
    --hdr-cat-bg: #d7000f;
    --hdr-badge-bg: #d7000f;
    --category-toggle-bg: #1d1d1f;
    --hdr-cart-bg: #1d1d1f;
    --hdr-teklif-bg: #111111;
    --hdr-teklif-fg: #ffffff;
    --sale: #e53935;
    --hdr-newsletter-bg: #d7000f;
    --hdr-newsletter-fg: #ffffff;
    --hdr-newsletter-btn-bg: #ffffff;
    --hdr-newsletter-btn-fg: #202326;
    --urun-vurgu: #d7000f;
    --hdr-slide-btn-text: #d7000f;
    --primary-rgb: 51, 51, 51;
    --bs-primary: var(--primary);
    --bs-primary-rgb: var(--primary-rgb);
    --bs-link-color: var(--primary);
    --bs-link-hover-color: var(--primary-hover);
    --radius-btn: 10px;
    --radius-slayt: 28px;
    --radius-banner: 22px;
    --radius-urun: 22px;
    --magaza-logo-max-h: 48px;
}