/**
 * GoMarketage Tasarim Sistemi - Design Tokens
 * Onaylanan Component Library dokumanindaki degerlerin CSS karsiligi.
 */
:root {
	/* Renkler */
	--gma-navy: #0A3B6B;
	--gma-navy-hover: #082C50;
	--gma-bg: #FFFFFF;
	--gma-bg-2: #F0F0F0;
	--gma-text: #333333;
	--gma-text-muted: #6B6B6B;
	--gma-text-muted-2: #8A8A8A;
	--gma-success: #2E9E5B;
	--gma-danger: #C0392B;
	--gma-border: #ECECEC;
	--gma-border-strong: #DADADA;
	--gma-footer-bg: #082B4E;
	--gma-footer-text: #93A9C2;

	/* Tipografi */
	--gma-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--gma-h1: 44px;
	--gma-h2: 28px;
	--gma-h3: 18px;
	--gma-body: 15px;
	--gma-small: 12px;

	/* Spacing (8px temel birim) */
	--gma-space-1: 8px;
	--gma-space-2: 16px;
	--gma-space-3: 24px;
	--gma-space-4: 32px;
	--gma-space-6: 48px;
	--gma-space-8: 64px;

	/* Layout */
	--gma-container: 1280px;
	--gma-radius: 12px;
	--gma-radius-sm: 8px;
	--gma-radius-pill: 20px;

	/* Hareket */
	--gma-transition-fast: 150ms ease-out;
	--gma-transition: 250ms ease-out;
}