/**
 * Kurgusal Dava Atılım — Design Tokens
 * --------------------------------------------------------------------------
 * Kurumsal, sade, premium bir görsel dil için TEK kaynak değişken seti.
 * Bu dosya bilinçli olarak yalnızca CSS değişkenleri tanımlar; hiçbir element
 * kuralını değiştirmez (görsel regresyon riski yok). Panellerdeki gömülü
 * inline stiller zamanla bu token'lara taşınacaktır.
 */
:root {
	/* Marka renkleri (akademik hukuk yarışmasına yakışan lacivert + bordo aksan) */
	--vma-navy-900: #0f1f3d;
	--vma-navy-800: #15294f;
	--vma-navy-700: #1e3a66;
	--vma-navy-600: #2a4d80;
	--vma-bordo-700: #7a1f2b;
	--vma-bordo-600: #9b2533;

	/* Nötr ölçek */
	--vma-ink: #1f2937;
	--vma-muted: #6b7280;
	--vma-dim: #9ca3af;
	--vma-line: #e5e7eb;
	--vma-surface: #ffffff;
	--vma-surface-soft: #f9fafb;
	--vma-surface-2: #f3f4f6;

	/* Durum renkleri (başarılı / bekleyen / hatalı / bilgi) + yumuşak zeminler */
	--vma-ok: #10b981;
	--vma-ok-soft: #ecfdf5;
	--vma-warn: #f59e0b;
	--vma-warn-soft: #fffbeb;
	--vma-err: #ef4444;
	--vma-err-soft: #fef2f2;
	--vma-info: #3b82f6;
	--vma-info-soft: #eff6ff;

	/* Tipografi */
	--vma-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
	--vma-fs-sm: 13px;
	--vma-fs-base: 14px;
	--vma-fs-lg: 16px;
	--vma-fs-h2: 20px;
	--vma-fs-h1: 24px;
	--vma-fw-medium: 500;
	--vma-fw-semibold: 600;

	/* Aralık ölçeği (4px tabanlı) */
	--vma-space-1: 4px;
	--vma-space-2: 8px;
	--vma-space-3: 12px;
	--vma-space-4: 16px;
	--vma-space-5: 24px;
	--vma-space-6: 32px;

	/* Köşe yarıçapı & gölge */
	--vma-radius-sm: 6px;
	--vma-radius: 8px;
	--vma-radius-lg: 12px;
	--vma-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
	--vma-shadow: 0 1px 3px rgba(16, 24, 40, .10), 0 1px 2px rgba(16, 24, 40, .06);

	/* Geriye dönük uyumluluk: panellerde var(--vma-primary) referansları var;
	   tanımsız kaldığında renkler kayboluyordu — sağlam bir lacivere bağlanıyor. */
	--vma-primary: var(--vma-navy-700);
}