/* Harvekon — generated from tokens.json */

:root,
[data-theme="acik"] {
	--logo-mavisi: #009ee3;
	--koyu-mavi: #006e9e;
	--grafit: #232525;
	--koyu-gri: #4a4d4d;
	--acik-gri: #c5c6c6;
	--cok-acik-gri: #ececec;
	--beyaz: #fff;
	--zemin: var(--beyaz);
	--zemin-ikincil: var(--cok-acik-gri);
	--yuzey: var(--beyaz);
	--metin-baslik: var(--grafit);
	--metin: var(--koyu-gri);
	--baglanti: var(--koyu-mavi);
	--vurgu: var(--logo-mavisi);
	--cizgi: var(--acik-gri);
	--kontrol-kenari: var(--koyu-gri);
	--eylem: var(--koyu-mavi);
	--eylem-yazisi: var(--beyaz);
	--eylem-vurgu: var(--grafit);
	--eylem-vurgu-yazisi: var(--beyaz);
	--odak: var(--koyu-mavi);
	--hata: #b42318;
	--golge-yuzen: 0 8px 24px #2325252e;
	--golge-cubuk: 0 -4px 16px #2325251f;
}

[data-theme="koyu"] {
	--zemin: var(--grafit);
	--zemin-ikincil: var(--grafit);
	--yuzey: var(--grafit);
	--metin-baslik: var(--beyaz);
	--metin: var(--acik-gri);
	--baglanti: var(--logo-mavisi);
	--vurgu: var(--logo-mavisi);
	--cizgi: var(--koyu-gri);
	--kontrol-kenari: var(--acik-gri);
	--eylem: var(--logo-mavisi);
	--eylem-yazisi: var(--grafit);
	--eylem-vurgu: var(--beyaz);
	--eylem-vurgu-yazisi: var(--grafit);
	--odak: var(--logo-mavisi);
	--hata: #f97066;
	--golge-yuzen: 0 8px 24px #0006;
	--golge-cubuk: 0 -4px 16px #00000059;
}

:root {
	--bosluk-1: 4px;
	--bosluk-2: 8px;
	--bosluk-3: 12px;
	--bosluk-4: 16px;
	--bosluk-5: 24px;
	--bosluk-6: 32px;
	--bosluk-7: 48px;
	--bosluk-8: 64px;
	--bosluk-9: 96px;
	--kose-yok: 0;
	--kose-kucuk: 2px;
	--kose-orta: 4px;
	--kose-daire: 50%;
	--icerik-genisligi: 720px;
	--genis-genislik: 1200px;
	--sayfa-kenari: 24px;
	--sayfa-kenari-mobil: 16px;
	--yan-sutun: 320px;
	--ekran-kucuk: 600px;
	--ekran-orta: 960px;
	--kontrol-yuksekligi: 48px;
	--kontrol-yuksekligi-kucuk: 40px;
	--simge-kucuk: 16px;
	--simge: 20px;
	--simge-buyuk: 24px;
	--simge-iri: 32px;
	--logo-yuksekligi: 40px;
	--logo-yuksekligi-mobil: 32px;
	--kenar-ince: 1px;
	--kenar-kalin: 2px;
	--odak-kalinligi: 3px;
	--odak-boslugu: 2px;
	--katman-menu: 100;
	--katman-cubuk: 200;
	--katman-cerez: 300;
	--katman-atlama: 400;
	--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;
	--font-mono: ui-monospace, "SF Mono", menlo, consolas, "Liberation Mono", monospace;
}

.gosterge {
	font-family: var(--font-sans);
	font-size: 48px;
	line-height: 56px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.baslik-1 {
	font-family: var(--font-sans);
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	letter-spacing: -0.015em;
}

.baslik-2 {
	font-family: var(--font-sans);
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.baslik-3 {
	font-family: var(--font-sans);
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	letter-spacing: -0.005em;
}

.baslik-4 {
	font-family: var(--font-sans);
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

.govde-buyuk {
	font-family: var(--font-sans);
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
}

.govde {
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.govde-kucuk {
	font-family: var(--font-sans);
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.etiket {
	font-family: var(--font-sans);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.dugme-yazisi {
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}

.ust-etiket {
	font-family: var(--font-sans);
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.kod {
	font-family: var(--font-mono);
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

.kod-kucuk {
	font-family: var(--font-mono);
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-Regular.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-SemiBold.woff2) format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url(../fonts/Inter-Bold.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}