/* ÜRETİLDİ: build/tools/tokens-build.py ← build/src/tokens/tokens.json — elle düzenleme. */
:root {
	--orf-kirmizi: #EE3435;
	--orf-kirmizi-koyu: #E32F30;
	--orf-kirmizi-derin: #C42A2C;
	--orf-kirmizi-acik: #FDE7E4;
	--orf-gri: #A3A3A3;
	--orf-acik-gri: #F6F6F6;
	--orf-murekkep: #1E1A1A;
	--orf-metin-2: #5F5856;
	--orf-metin-3: #8E8682;
	--orf-cizgi: #E9E3DC;
	--orf-krem: #F7F3EC;
	--orf-kum: #EFE7DB;
	--orf-beyaz: #FFFFFF;
	--orf-gunes: #FFC93C;
	--orf-gunes-acik: #FFF3CC;
	--orf-gece: #1B2452;
	--orf-gece-derin: #0D1330;
	--orf-murver: #5E2B6E;
	--orf-murver-acik: #EFE4F2;
	--orf-portakal: #F28A2E;
	--orf-portakal-acik: #FFEBD6;
	--orf-deniz: #2F93C4;
	--orf-deniz-acik: #E1F1F9;
	--orf-yaprak: #7E9B3A;
	--orf-yaprak-acik: #EEF2D9;
	--orf-altin: #B88A2E;
	--orf-altin-acik: #F6EBD3;
	--orf-sardunya: #6A3D9A;
	--orf-yildiz: #F4A51C;
	--orf-yaricap-kapsul: 999px;
	--orf-yaricap-kart-buyuk: 32px;
	--orf-yaricap-kart: 28px;
	--orf-yaricap-gorsel: 24px;
	--orf-yaricap-formul: 20px;
	--orf-yaricap-kucuk: 14px;
	--orf-yaricap-rozet: 8px;
	--orf-izgara-cerceve: 1440px;
	--orf-izgara-icerik: 1280px;
	--orf-izgara-kenar: 80px;
	--orf-izgara-mobil-cerceve: 390px;
	--orf-izgara-mobil-kenar: 16px;
	--orf-izgara-bolum: 112px;
	--orf-izgara-mobil-bolum: 48px;
	--orf-bosluk-4: 4px;
	--orf-bosluk-8: 8px;
	--orf-bosluk-12: 12px;
	--orf-bosluk-16: 16px;
	--orf-bosluk-24: 24px;
	--orf-bosluk-32: 32px;
	--orf-bosluk-48: 48px;
	--orf-bosluk-64: 64px;
	--orf-bosluk-80: 80px;
	--orf-bosluk-112: 112px;
	--orf-font-display: "Fraunces", "Georgia", serif;
	--orf-font-ui: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;
	--orf-font-etiket: "Josefin Sans", "Urbanist", system-ui, sans-serif;
	--orf-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;
	--orf-golge-kart: 0px 1px 2px rgba(30, 26, 26, 0.06), 0px 8px 24px rgba(30, 26, 26, 0.07);
	--orf-golge-yuzen: 0px 4px 8px rgba(30, 26, 26, 0.06), 0px 24px 48px rgba(30, 26, 26, 0.14);
	--orf-golge-urun: 0px 18px 28px rgba(30, 26, 26, 0.22);
	--orf-metin-display-xl-boyut: 76px;
	--orf-metin-display-xl-satir: 80px;
	--orf-metin-display-l-boyut: 56px;
	--orf-metin-display-l-satir: 60px;
	--orf-metin-h2-boyut: 44px;
	--orf-metin-h2-satir: 50px;
	--orf-metin-h3-boyut: 28px;
	--orf-metin-h3-satir: 34px;
	--orf-metin-h4-boyut: 20px;
	--orf-metin-h4-satir: 26px;
	--orf-metin-govde-l-boyut: 18px;
	--orf-metin-govde-l-satir: 28px;
	--orf-metin-govde-m-boyut: 16px;
	--orf-metin-govde-m-satir: 24px;
	--orf-metin-govde-s-boyut: 14px;
	--orf-metin-govde-s-satir: 20px;
	--orf-metin-eyebrow-boyut: 13px;
	--orf-metin-eyebrow-satir: 16px;
	--orf-metin-mikro-boyut: 12px;
	--orf-metin-mikro-satir: 16px;
	--orf-metin-buton-boyut: 16px;
	--orf-metin-buton-satir: 20px;
	--orf-metin-nav-boyut: 15px;
	--orf-metin-nav-satir: 20px;
	--orf-metin-fiyat-boyut: 20px;
	--orf-metin-fiyat-satir: 24px;
	--orf-metin-sayi-dev-boyut: 120px;
	--orf-metin-sayi-dev-satir: 110px;
	--orf-metin-sembol-boyut: 56px;
	--orf-metin-sembol-satir: 56px;
	--orf-metin-formul-boyut: 12px;
	--orf-metin-formul-satir: 16px;
}
@media (max-width: 767px) {
	:root {
		--orf-metin-display-xl-boyut: 46px;
		--orf-metin-display-xl-satir: 48px;
		--orf-metin-h2-boyut: 32px;
		--orf-metin-h2-satir: 38px;
	}
}
/* Figma metin stilleri → yardımcı sınıflar (.orf-t-<stil>) */
.orf-t-display-xl { font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-display-xl-boyut); line-height: var(--orf-metin-display-xl-satir); letter-spacing: -0.02em; }
.orf-t-display-l { font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-display-l-boyut); line-height: var(--orf-metin-display-l-satir); letter-spacing: -0.015em; }
.orf-t-h2 { font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-h2-boyut); line-height: var(--orf-metin-h2-satir); letter-spacing: -0.01em; }
.orf-t-h3 { font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-h3-boyut); line-height: var(--orf-metin-h3-satir); letter-spacing: -0.005em; }
.orf-t-h4 { font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-h4-boyut); line-height: var(--orf-metin-h4-satir); }
.orf-t-govde-l { font-family: var(--orf-font-ui); font-weight: 400; font-size: var(--orf-metin-govde-l-boyut); line-height: var(--orf-metin-govde-l-satir); }
.orf-t-govde-m { font-family: var(--orf-font-ui); font-weight: 400; font-size: var(--orf-metin-govde-m-boyut); line-height: var(--orf-metin-govde-m-satir); }
.orf-t-govde-s { font-family: var(--orf-font-ui); font-weight: 500; font-size: var(--orf-metin-govde-s-boyut); line-height: var(--orf-metin-govde-s-satir); }
.orf-t-eyebrow { font-family: var(--orf-font-etiket); font-weight: 700; font-size: var(--orf-metin-eyebrow-boyut); line-height: var(--orf-metin-eyebrow-satir); letter-spacing: 0.14em; text-transform: uppercase; }
.orf-t-mikro { font-family: var(--orf-font-ui); font-weight: 600; font-size: var(--orf-metin-mikro-boyut); line-height: var(--orf-metin-mikro-satir); letter-spacing: 0.02em; }
.orf-t-buton { font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-buton-boyut); line-height: var(--orf-metin-buton-satir); }
.orf-t-nav { font-family: var(--orf-font-ui); font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: var(--orf-metin-nav-satir); }
.orf-t-fiyat { font-family: var(--orf-font-ui); font-weight: 800; font-size: var(--orf-metin-fiyat-boyut); line-height: var(--orf-metin-fiyat-satir); }
.orf-t-sayi-dev { font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-sayi-dev-boyut); line-height: var(--orf-metin-sayi-dev-satir); letter-spacing: -0.03em; }
.orf-t-sembol { font-family: var(--orf-font-etiket); font-weight: 700; font-size: var(--orf-metin-sembol-boyut); line-height: var(--orf-metin-sembol-satir); letter-spacing: -0.02em; }
.orf-t-formul { font-family: var(--orf-font-mono); font-weight: 400; font-size: var(--orf-metin-formul-boyut); line-height: var(--orf-metin-formul-satir); }