/* Bileşenler — ortak tasarım belirteçleri.

   Değerler temanın kök değişkenlerinden okunur; bileşenler renk sabiti
   taşımaz. Marka rengi temada değişince dört bileşen birlikte değişir.

   Her var() bir yedek değer taşıyor. Tema değişkenleri yalnızca ön yüzde
   tanımlı; blok düzenleyici önizlemesi veya tema devre dışıyken bileşenler
   yine de doğru renkte çizilsin diye.

   NOT: yedekler eski sabit değerlerdir (#d51c29). Tema kırmızısı #e21e2c —
   yani tema etkinken vurgu rengi bir ton değişiyor. Tek kaynak olması için
   bilinçli tercih. */

.dd-wrap,
.ts-wrap,
.kl {
	--brl-accent: var(--color-primary, #d51c29);
	--brl-ikincil: var(--color-secondary, #2a2d61);
	--brl-cizgi: var(--color-gri, #e2e2e2);
	--brl-metin: var(--color-koyu, #1d1d1d);
	--brl-soluk: var(--color-soluk, #6b6b6b);
	--brl-zemin: var(--color-zemin, #f7f7f7);

	/* Kutu zemini: tema içerik zeminini değiştirdiğinde kartlar da uysun. */
	--brl-kutu: var(--color-content-bg, #fff);

	/* Yer tutucu (baş harf) ve ikincil çizgiler — temada karşılığı yok. */
	--brl-yertutucu: #b4b4b4;
	--brl-golge: rgba(0, 0, 0, .07);
}