:root {
    /* --- 1. BRAND COLORS (Siteden siteye değişecek kısım) --- */
    --brand-primary: #4A3AFF; /* Ana aksiyon rengi */
    --brand-primary-soft: rgba(74, 58, 255, 0.1);
    --brand-secondary: #FFA722; /* Vurgu/Rating rengi */
    --brand-accent: #14C88C; /* Başarı/Pozitif durumlar */
    /* --- 2. SEMANTIC MAPPING (Burası sabit kalır, template burayı okur) --- */
    --title: #1A1D23; /* Daha derin bir siyah, okunabilirliği artırır */
    --body: #4A4A4A; /* Standart gri yerine daha yumuşak bir text rengi */
    --light-bg: #F4F6F9; /* Section arka planları */
    --white: #ffffff;
    /* --- 3. UI ELEMENTS --- */
    --btn-radius: 30px; /* bazısını keskin (4px), bazısını yuvarlak yapabilirsin */
    --card-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* --- 4. OVERRIDE EXISTING VARIABLES (Template uyumluluğu için) --- */
    --blue: var(--brand-primary);
    --yellow: var(--brand-secondary);
    --green: var(--brand-accent);
    --rating: var(--brand-secondary);
    --gray: var(--light-bg);
}

/* Global Focus & Selection - Profesyonel Dokunuş */
::selection {
    background-color: var(--brand-primary);
    color: var(--white);
}

/* Scrollbar Customization */
::-webkit-scrollbar-thumb {
    background-color: var(--brand-primary);
    border-radius: 10px;
}