/* Cerpa Norm — dark tema token katmanı.
   Tek merkez: dark değerler ve tasarım token'ları burada.
   style.css/custom.css bu değişkenleri var(--token) ile tüketir. */
:root {
	/* zemin katmanları */
	--bg:            #0f1113;
	--bg-elevated:   #16191c;
	--border:        rgba(255, 255, 255, .08);

	/* metin */
	--text:          #e6e8ea;
	--text-muted:    #9aa1a8;

	/* marka (DEĞİŞMEZ) */
	--accent:        #ed1c24;
	--accent-hover:  #ff2f37;

	/* içerik gövdesi — açık kart */
	--surface:       #ffffff;
	--surface-text:  #1d1e1f;

	/* şekil / gölge / geçiş */
	--radius:        10px;
	--radius-sm:     6px;
	--shadow:        0 4px 20px rgba(0, 0, 0, .45);
	--shadow-sm:     0 2px 8px rgba(0, 0, 0, .35);
	--transition:    160ms ease;

	/* tipografi + boşluk skalası */
	--fs-base:       16px;
	--lh-base:       1.65;
	--space-1:       4px;
	--space-2:       8px;
	--space-3:       16px;
	--space-4:       24px;
	--space-5:       40px;
	--space-6:       64px;
}

/* Sayfa geneli dark zemin. Bileşen renkleri migrasyon task'larında bağlanır. */
body {
	background-color: var(--bg);
	color: var(--text);
}