/* EMKA GARAJ — Design Tokens
   Tüm renk, radius, shadow, spacing ve type değerleri burada.
   Diğer dosyalar yalnızca var(--eg-*) kullanır.
*/

:root {
	/* Renk */
	--eg-bg:           #0B0F14;
	--eg-surface:      #111821;
	--eg-surface-2:    #18212D;
	--eg-surface-3:    #1F2A37;
	--eg-border:       #24303F;
	--eg-border-strong:#2E3D4F;
	--eg-text:         #E6EDF3;
	--eg-text-mute:    #9AA7B4;
	--eg-text-soft:    #C5CED7;

	--eg-brand:        #F59E0B;
	--eg-brand-2:      #FBBF24;
	--eg-brand-weak:   rgba(245,158,11,.12);
	--eg-accent:       #22D3EE;
	--eg-accent-weak:  rgba(34,211,238,.14);
	--eg-danger:       #EF4444;
	--eg-danger-weak:  rgba(239,68,68,.12);
	--eg-success:      #10B981;

	/* Radius */
	--eg-r-sm:  8px;
	--eg-r-md:  14px;
	--eg-r-lg:  22px;
	--eg-r-full:999px;

	/* Shadow */
	--eg-shadow-sm: 0 2px 6px rgba(0,0,0,.25);
	--eg-shadow-md: 0 8px 24px rgba(0,0,0,.40);
	--eg-shadow-lg: 0 20px 60px rgba(0,0,0,.55);
	--eg-shadow-brand: 0 10px 30px rgba(245,158,11,.22);

	/* Spacing (8px grid) */
	--eg-sp-1: 4px;
	--eg-sp-2: 8px;
	--eg-sp-3: 12px;
	--eg-sp-4: 16px;
	--eg-sp-5: 24px;
	--eg-sp-6: 32px;
	--eg-sp-7: 48px;
	--eg-sp-8: 64px;
	--eg-sp-9: 96px;

	/* Layout */
	--eg-container: 1280px;
	--eg-container-wide: 1440px;
	--eg-container-narrow: 880px;
	--eg-header-h: 78px;
	--eg-sticky-h: 64px;

	/* Tipografi */
	--eg-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--eg-font-display: 'Inter', system-ui, sans-serif;

	--eg-fs-xs:   clamp(12px, .75rem + .1vw, 13px);
	--eg-fs-sm:   clamp(13px, .82rem + .15vw, 14px);
	--eg-fs-base: clamp(15px, .95rem + .15vw, 16px);
	--eg-fs-md:   clamp(17px, 1rem + .3vw, 18px);
	--eg-fs-lg:   clamp(19px, 1.1rem + .5vw, 22px);
	--eg-fs-xl:   clamp(22px, 1.2rem + .8vw, 26px);
	--eg-fs-h3:   clamp(24px, 1.3rem + 1vw, 32px);
	--eg-fs-h2:   clamp(28px, 1.4rem + 1.6vw, 42px);
	--eg-fs-h1:   clamp(34px, 1.6rem + 2.4vw, 56px);

	--eg-lh-tight: 1.15;
	--eg-lh-snug:  1.3;
	--eg-lh-base:  1.55;
	--eg-lh-loose: 1.75;

	--eg-fw-regular: 400;
	--eg-fw-medium:  500;
	--eg-fw-semibold:600;
	--eg-fw-bold:    700;

	/* Motion */
	--eg-ease: cubic-bezier(.4,.0,.2,1);
	--eg-dur-fast: .14s;
	--eg-dur-base: .22s;
	--eg-dur-slow: .35s;

	/* Focus */
	--eg-focus-ring: 0 0 0 3px rgba(245,158,11,.35);
}

/* Font yüzü — sadece 2 weight */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/inter-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/inter-700.woff2') format('woff2');
}

@media (prefers-reduced-motion: reduce) {
	:root { --eg-dur-fast: 0s; --eg-dur-base: 0s; --eg-dur-slow: 0s; }
	* { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}