/*
 * Tasarım değişkenleri.
 * Kaynak: docs/mockups/yeni/d-karisim.html (:root). Değerler yalnızca buradan değiştirilir.
 */
:root {
	--paper: #F7F5F0;
	--card: #FFFFFF;
	--ink: #16221F;
	--ink-2: #434E4A;
	--muted: #67716D;
	--line: #E7E3DA;
	--green: #12433C;
	--green-deep: #0C2E29;
	--gold: #A8823A;
	--gold-soft: #E9DDBF;
	--gold-tint: #F6F0E1;
	--gold-text: #7A5C1F;      /* küçük altın yazılar: beyaz zeminde ≈6:1 kontrast */
	--gold-bright: #D2B571;    /* koyu zemin üzerindeki altın (Arapça panel, ayet no) */
	--hover: #FCFAF5;
	/* Form bildirimleri (taslaklarda yok; 2026-09-27 eklendi, beyaz zeminde ≥4.5:1 kontrast) */
	--hata: #B3261E;
	--hata-koyu: #8C1D18;
	--hata-zemin: #FDF6F5;
	--hata-cizgi: #F0C9C5;
	--basari-zemin: #EEF6F1;
	--basari-cizgi: #BFD9C9;
	--shadow: 0 1px 2px rgba(12, 46, 41, .05), 0 6px 20px rgba(12, 46, 41, .06);
	/* Koyu mod için ayrılan roller (açık modda değerler eskisiyle aynı; 2026-10-01) */
	--baslik: var(--green-deep);       /* başlık / koyu vurgu YAZISI (zemin olarak --green-deep kalır) */
	--vurgu: var(--green);             /* bağlantı, okunuş gibi yeşil YAZI */
	--ust-zemin: rgba(255, 255, 255, .92);
	--zemin-2: #E9E4D6;                /* sekme seçici, ikincil kutu zemini */
	--arac-zemin: #FBFAF6;             /* dua kartının araç şeridi */
	color-scheme: light;

	--display: 'Cormorant Garamond', Georgia, serif;
	--sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--arabic: 'Scheherazade New', serif;  /* 2026-09-28: Diyanet metniyle (Türkiye imlası) Amiri Quran bazı işaretleri kaydırıyordu */

	--wrap: 72rem;        /* üst menü, alt bilgi, anasayfa */
	--wrap-read: 48rem;   /* okuma sayfaları: tekil dua, kategori, merkez sayfalar */
	--r: 16px;
	--header-h: 4.25rem;
}

/*
 * Koyu mod: telefon/bilgisayar koyu moddaysa (Otomatik) ya da kullanıcı "Koyu" seçtiyse.
 * <html data-tema="acik|koyu"> satır içi betikle sayfa çizilmeden önce konur (functions.php).
 * Koyu yeşil zeminler (--green, --green-deep: üst çubuk, Arapça panel, düğmeler) aynı kalır.
 */
@media (prefers-color-scheme: dark) {
	:root:not([data-tema="acik"]) {
		--paper: #0D1A17;
		--card: #15241F;
		--ink: #ECE6D8;
		--ink-2: #CAC4B5;
		--muted: #9EA8A2;
		--line: #2A3A35;
		--hover: #1B2D28;
		--gold: #C9A35A;
		--gold-soft: #4E4329;
		--gold-tint: #2A2618;
		--gold-text: #D9BD7C;
		--gold-bright: #D9BD7C;
		--hata: #F28B82;
		--hata-koyu: #F6AEA9;
		--hata-zemin: #3A1F1D;
		--hata-cizgi: #6B3A36;
		--basari-zemin: #17312A;
		--basari-cizgi: #2F5A4B;
		--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .3);
		--baslik: #F1EADB;
		--vurgu: #93CDB8;
		--ust-zemin: rgba(21, 36, 31, .94);
		--zemin-2: #1F302B;
		--arac-zemin: #182924;
		color-scheme: dark;
	}
}
:root[data-tema="koyu"] {
	--paper: #0D1A17;
	--card: #15241F;
	--ink: #ECE6D8;
	--ink-2: #CAC4B5;
	--muted: #9EA8A2;
	--line: #2A3A35;
	--hover: #1B2D28;
	--gold: #C9A35A;
	--gold-soft: #4E4329;
	--gold-tint: #2A2618;
	--gold-text: #D9BD7C;
	--gold-bright: #D9BD7C;
	--hata: #F28B82;
	--hata-koyu: #F6AEA9;
	--hata-zemin: #3A1F1D;
	--hata-cizgi: #6B3A36;
	--basari-zemin: #17312A;
	--basari-cizgi: #2F5A4B;
	--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .3);
	--baslik: #F1EADB;
	--vurgu: #93CDB8;
	--ust-zemin: rgba(21, 36, 31, .94);
	--zemin-2: #1F302B;
	--arac-zemin: #182924;
	color-scheme: dark;
}