/* ===================================================================== 10binbakimi — MERKEZI TEMA DOSYASI (tema.css) --------------------------------------------------------------------- Sitenin TUM renkleri, fontlari ve olculeri buradan gelir. NASIL DEGISTIRILIR? - Tek bir rengi kalici degistirmek: asagidaki :root icindeki degeri degistir, tum site aninda degisir. - Hazir alternatif palete gecmek: etiketine data-tema ekle: -> mavi palet (bos) -> varsayilan yesil palet ALTIN KURAL: Sayfalarda ASLA duz #hex yazma. Her zaman var(--...) kullan. Boylece tema tek yerden degisir. ===================================================================== */ :root { /* ---- MARKA: ANA RENK (petrol yesili) ---- */ --renk-ana: #0E7A63; /* butonlar, basliklar, ana vurgu */ --renk-ana-koyu: #0A5A49; /* hover, koyu zeminler */ --renk-ana-acik: #57B7A0; /* ikincil, cizgiler */ --renk-ana-ton: #E3F2EE; /* cok acik zemin (secili alan) */ --renk-ana-metin: #FFFFFF; /* ana renk uzerindeki yazi rengi */ /* ---- MARKA: VURGU (amber - aksiyon/dikkat) ---- */ --renk-vurgu: #EF8C2C; /* "sepete ekle", arac seridi */ --renk-vurgu-ton: #FBE8CF; /* acik amber zemin */ --renk-vurgu-metin: #5E3208; /* amber uzerindeki yazi rengi */ /* ---- NOTRLER ---- */ --zemin: #F7F6F3; /* sayfa arka plani */ --kart: #FFFFFF; /* kart / kutu arka plani */ --metin: #1E1E1C; /* ana yazi */ --metin-soluk: #6B6A66; /* ikincil yazi, aciklama */ --cizgi: #E7E5DF; /* kenarlik / ayrac cizgisi */ /* ---- DURUM (VIN eslesme geri bildirimi) ---- */ --basari: #1F9D6B; /* uygun */ --basari-ton: #E4F3EC; --basari-metin: #147049; --uyari: #E24B4A; /* uyumsuz */ --uyari-ton: #FBEAEA; --uyari-metin: #A33333; /* ---- TIPOGRAFI ---- */ --font-baslik: 'Poppins', system-ui, Segoe UI, Roboto, sans-serif; --font-govde: 'Inter', system-ui, Segoe UI, Roboto, sans-serif; /* ---- KOSE / OLCU / GOLGE ---- */ --kose: 12px; /* kartlar */ --kose-kucuk: 8px; /* buton, input */ --golge: 0 1px 3px rgba(0,0,0,.06); --golge-kart: 0 2px 8px rgba(0,0,0,.05); } /* ===================================================================== ALTERNATIF PALET: MAVI Kullanmak icin: Sadece marka renklerini degistirir; notr/durum/font ayni kalir. ===================================================================== */ [data-tema="mavi"] { --renk-ana: #1C5D9C; --renk-ana-koyu: #123F6E; --renk-ana-acik: #6FA6D8; --renk-ana-ton: #E4EEF8; --renk-ana-metin: #FFFFFF; /* amber vurgu ayni kaliyor (mavi ile de guzel durur) */ } /* Yeni bir palet eklemek istersen ayni kalibi kopyala: [data-tema="X"] { --renk-ana: ...; --renk-ana-koyu: ...; --renk-ana-acik: ...; --renk-ana-ton: ...; --renk-ana-metin: ...; } */