/* tokens.json'dan üretildi (baseline). Tema yalnızca --ia-* değişkenlerini kullanır. */
:root {
	--ia-color-primary: #EA088C;
	--ia-color-primary-hover: #C8067A;
	--ia-color-secondary: #2B0A5C;
	--ia-header-bg: #020101;
	--ia-color-text: #1A1A1A;
	--ia-color-bg: #FFFFFF;
	--ia-color-on-dark: #ffffff;
	--ia-container: 1200px;
	--ia-gutter: 20px;
	--ia-radius: 12px;
	--ia-section-y: 80px;
	--ia-header-h: 72px;
	--ia-z-header: 999;
	--ia-h1: 42px;
	--ia-h2: 32px;
	--ia-h3: 20px;
	--ia-color-brand-primary: #EA088C;
	--ia-color-brand-primary-hover: #C8067A;
	--ia-color-brand-secondary: #2B0A5C;
	--ia-color-brand-secondary-deep: #12052B;
	--ia-color-brand-accent-purple: #7A0C8C;
	--ia-color-neutral-text: #4E4E4E;
	--ia-color-neutral-text-strong: #1A1A1A;
	--ia-color-neutral-muted: #6B6B6B;
	--ia-color-neutral-border: #E6E1EE;
	--ia-color-neutral-border-alt: #E5E7EB;
	--ia-color-neutral-line: #EEEEEE;
	--ia-color-neutral-surface: #FFFFFF;
	--ia-color-neutral-surface-soft: #F7F5FB;
	--ia-color-neutral-surface-lilac: #ECE8F3;
	--ia-color-neutral-surface-slate: #F1F5F9;
	--ia-color-gradient-hero: radial-gradient(60% 70% at 85% 20%, rgba(234,8,140,.35), transparent), #12052B;
	--ia-color-gradient-bento: radial-gradient(50% 60% at 85% 10%, rgba(234,8,140,.28), transparent), linear-gradient(160deg,#2B0A5C,#12052B);
	--ia-space-gap-xs: 8px;
	--ia-space-gap-sm: 12px;
	--ia-space-gap-md: 16px;
	--ia-space-gap-lg: 24px;
	--ia-space-gap-xl: 48px;
	--ia-space-card-pad: 24px;
	--ia-space-gutter-mobile: 20px;
	--ia-layout-container: 1200px;
	--ia-layout-container-wide: 1296px;
	--ia-radius-sm: 8px;
	--ia-radius-md: 12px;
	--ia-radius-lg: 24px;
	--ia-radius-pill: 999px;
	--ia-size-icon-sm: 40px;
	--ia-size-icon-lg: 64px;
	--ia-size-touch-min: 44px;
	--ia-size-button-h: 48px;
	--ia-z-sticky-cta: 998;
	--ia-z-modal: 1000;
	--ia-font-base: "Manrope", system-ui, sans-serif;
	--ia-font-weight-regular: 400;
	--ia-font-weight-medium: 500;
	--ia-font-weight-semibold: 600;
	--ia-font-weight-bold: 700;
	--ia-font-size-xs: 13px;
	--ia-font-size-sm: 14px;
	--ia-font-size-base: 16px;
	--ia-font-size-md: 18px;
	--ia-font-size-lg: 20px;
	--ia-font-size-xl: 26px;
	--ia-font-size-2xl: 32px;
	--ia-font-size-3xl: 42px;
}
@media (max-width: 1024px) { :root { --ia-section-y: 64px; } }
@media (max-width: 767px)  { :root { --ia-section-y: 48px; --ia-header-h: 60px; --ia-h1: 32px; --ia-h2: 26px; --ia-h3: 20px; } }