/* DevreTech marka renkleri — varsayılan palet (tema motoru üzerine yazar) */
:root {
	--marka-lacivert: #0f2744;
	--marka-mavi: #1a4b8c;
	--marka-mavi-koyu: #153d6f;
	--marka-mavi-acik: #2a6cb8;
	--marka-mavi-soft: #e8f1fa;
	--marka-mavi-soft-2: #d4e4f5;
	--marka-turuncu: #e85d04;
	--marka-turuncu-hover: #c2410c;
	--marka-turuncu-soft: #fff4ed;
	--marka-beyaz: #ffffff;
	--marka-arka: #f4f7fb;
	--marka-metin: #334155;
	--marka-muted: #64748b;
	--marka-sinir: #dce5f0;
	--marka-yuzey: #ffffff;
	--marka-focus: rgba(26, 75, 140, 0.15);
	--marka-link: #1a4b8c;
	--marka-bar-metin: #dbeafe;
	--marka-bar-metin-guclu: #ffffff;
	--marka-on-primary: #ffffff;
	--marka-gradient: linear-gradient(135deg, #1a4b8c 0%, #0f2744 100%);
	--marka-gradient-yatay: linear-gradient(90deg, #0f2744 0%, #1a4b8c 100%);
	--golge-rgb: 15, 39, 68;

	/* Mağaza */
	--renk-koyu: var(--marka-lacivert);
	--renk-ana: var(--marka-mavi);
	--renk-ana-hover: var(--marka-mavi-koyu);
	--renk-vurgu: var(--marka-turuncu);
	--renk-vurgu-koyu: var(--marka-turuncu-hover);
	--renk-vurgu-soft: var(--marka-turuncu-soft);
	--renk-acik: var(--marka-arka);
	--renk-beyaz: var(--marka-beyaz);
	--renk-metin: var(--marka-metin);
	--renk-muted: var(--marka-muted);
	--renk-sinir: var(--marka-sinir);
	--golge: 0 1px 3px rgba(15, 39, 68, 0.06), 0 4px 16px rgba(15, 39, 68, 0.04);
	--golge-lg: 0 8px 30px rgba(15, 39, 68, 0.08);

	/* Yönetim paneli */
	--dt-bg: var(--marka-arka);
	--dt-surface: var(--marka-beyaz);
	--dt-surface-2: #f8fafc;
	--dt-surface-3: #f1f5f9;
	--dt-border: var(--marka-sinir);
	--dt-border-2: #c5d4e8;
	--dt-text: #111827;
	--dt-muted: var(--marka-muted);
	--dt-link: var(--marka-mavi);
	--dt-on-primary: #ffffff;
	--dt-primary: var(--marka-mavi);
	--dt-primary-hover: var(--marka-mavi-koyu);
	--dt-primary-soft: var(--marka-mavi-soft);
	--dt-accent: var(--marka-turuncu);
	--dt-accent-hover: var(--marka-turuncu-hover);
	--dt-accent-soft: var(--marka-turuncu-soft);
	--dt-success: #15803d;
	--dt-success-soft: #ecfdf5;
	--dt-warning: var(--marka-turuncu);
	--dt-warning-soft: var(--marka-turuncu-soft);
	--dt-danger: #dc2626;
	--dt-danger-soft: #fef2f2;
	--dt-sidebar-bg: var(--marka-lacivert);
	--dt-sidebar-text: #b8c9e0;
	--dt-sidebar-text-muted: #7a94b8;
	--dt-sidebar-border: rgba(255, 255, 255, 0.08);
	--dt-sidebar-hover: rgba(255, 255, 255, 0.07);
	--dt-sidebar-active: var(--marka-turuncu);
	--dt-sidebar-active-bg: color-mix(in srgb, var(--dt-sidebar-active) 24%, transparent);
	--dt-sidebar-active-glow: color-mix(in srgb, var(--dt-sidebar-active) 35%, transparent);
	--dt-sidebar-group-bg: rgba(255, 255, 255, 0.04);
	--dt-ikon-mavi-bg: #eff6ff;
	--dt-ikon-mavi-fg: #2563eb;
	--dt-ikon-turuncu-bg: #fff7ed;
	--dt-ikon-turuncu-fg: #ea580c;
	--dt-ikon-yesil-bg: #ecfdf5;
	--dt-ikon-yesil-fg: #059669;
	--dt-ikon-mor-bg: #f5f3ff;
	--dt-ikon-mor-fg: #7c3aed;
	--dt-ikon-amber-bg: #fffbeb;
	--dt-ikon-amber-fg: #d97706;
	--dt-ikon-pembe-bg: #fdf2f8;
	--dt-ikon-pembe-fg: #db2777;
	--dt-ikon-gri-bg: #f1f5f9;
	--dt-ikon-gri-fg: #64748b;

	/* Ortak UI bileşenleri */
	--ui-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ui-radius-sm: 8px;
	--ui-radius-md: 10px;
	--ui-radius-lg: 12px;
	--ui-radius-xl: 16px;
	--ui-primary: var(--marka-mavi);
	--ui-primary-hover: var(--marka-mavi-koyu);
	--ui-primary-soft: var(--marka-mavi-soft);
	--ui-accent: var(--marka-turuncu);
	--ui-accent-hover: var(--marka-turuncu-hover);
	--ui-danger: #dc2626;
	--ui-danger-hover: #b91c1c;
	--ui-danger-soft: #fef2f2;
	--ui-success: #15803d;
	--ui-success-soft: #ecfdf5;
	--ui-border: var(--marka-sinir);
	--ui-border-strong: #c5d4e8;
	--ui-text: var(--marka-metin);
	--ui-text-muted: var(--marka-muted);
	--ui-surface: var(--marka-beyaz);
	--ui-surface-muted: #f8fafc;
	--ui-focus-ring: 0 0 0 3px var(--marka-focus);
	--ui-shadow-sm: 0 1px 2px rgba(15, 39, 68, 0.06);
	--ui-shadow-md: var(--golge);
	--ui-transition: 0.15s ease;
}