/* =========================================================================== tokens.css — Tasarım Spesifikasyonu.md'nin birebir karşılığı. Buradaki hiçbir değer uydurulmadı; her biri spesifikasyondaki bir satırdan gelir. Yeni bir değere ihtiyaç olursa önce spesifikasyon güncellenir, sonra burası. =========================================================================== */ :root { /* --- 1. Renk değişkenleri (spesifikasyon §1) ------------------------------ */ --ink: #17191E; /* ana metin, başlıklar, header alt çizgisi, birincil buton, footer zemini */ --ink-2: #3A3E45; /* yasal metin gövde paragrafları */ --ink-3: #4A4E55; /* ikincil gövde metni, form etiketleri */ --accent: #A6292E; /* numaralandırma, üst etiketler, aktif menü çizgisi, CTA zemini, hata */ --accent-active: #8E2226;/* birincil buton basılı hâli (accent %10 koyu) */ --paper: #FAFAF7; /* sayfa zemini, koyu zeminde metin rengi */ --paper-2: #F2F2ED; /* hafif vurgulu alanlar, tıklanabilir kart hover zemini */ /* Okunabilirlik ölçümü 01.09.2026: eski #6B7078 kâğıt üzerinde 4.77:1 ile AA'yı kıl payı geçiyordu ama kart hover zemininde (#F2F2ED) 4.44 ile KALIYORDU. #61666E → kâğıtta 5.53, hover zemininde 5.15. Ton aynı, yalnızca koyulaştı. */ --muted: #61666E; /* yardımcı metin, mono etiketler — AÇIK zemin */ /* Koyu zeminde --muted 3.53:1 ile AA'yı geçemiyor ve koyulaştırmak daha da kötüleştirir. Footer başlıkları ve telif bu tokenı kullanır: 6.78:1. */ --muted-koyu: #9DA1A8; /* yardımcı metin — KOYU zemin (footer) */ /* Placeholder 01.09.2026'da koyulaştırıldı: #9A9A93 kâğıt üzerinde 2.71 ile AA'nın belirgin altındaydı. #70706A → 4.76. --muted'tan (5.53) AÇIK kalıyor ki placeholder dolu değerle karışmasın. */ --muted-2: #70706A; /* form placeholder */ --line: #E4E4DD; /* ayırıcılar, kart ızgara boşlukları, kenarlıklar */ --line-strong: #C9C9C2; /* form alanı kenarlığı (boşta) */ --line-dark: #2C2F36; /* footer içi ayırıcılar, rozet kenarlıkları, mobil menü ayırıcıları */ --footer-link: #C9CCD1; /* footer ve mobil menü bağlantı metni */ --placeholder-a: #EFEFEA;/* fotoğraf/harita yer tutucu tarama deseni */ --placeholder-b: #E6E6DF; /* Gradyan yok. İkinci bir vurgu rengi eklenmez. (spesifikasyon §1) */ /* --- 2. Yazı aileleri ---------------------------------------------------- */ --font-govde: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* --- 3. Boşluk sistemi (spesifikasyon §3) -------------------------------- Temel birim 4px. Yalnızca spesifikasyonda sayılan değerler tanımlıdır. */ --bosluk-4: 4px; --bosluk-6: 6px; --bosluk-8: 8px; --bosluk-10: 10px; --bosluk-12: 12px; --bosluk-14: 14px; --bosluk-16: 16px; --bosluk-18: 18px; --bosluk-20: 20px; --bosluk-22: 22px; --bosluk-24: 24px; --bosluk-26: 26px; --bosluk-30: 30px; --bosluk-32: 32px; --bosluk-36: 36px; --bosluk-40: 40px; --bosluk-44: 44px; --bosluk-48: 48px; --bosluk-56: 56px; --bosluk-64: 64px; --bosluk-72: 72px; --bosluk-80: 80px; --bosluk-96: 96px; /* --- 4. Konteyner ve kenar boşlukları (spesifikasyon §4) ------------------ */ --konteyner: 1200px; --kenar: var(--bosluk-20); /* mobil; md ve lg'de aşağıda ezilir */ --olcu-govde: 760px; /* gövde blokları en fazla 680–760px */ --olcu-govde-dar: 680px; --olcu-giris: 620px; /* giriş paragrafı */ --izgara-arasi: var(--bosluk-24);/* 12 kolon, kolon arası 24px (masaüstü) */ --yan-sutun: 380px; /* hero ve kurumsal sağ sütun */ /* --- 5. Tipografi — MOBİL taban (spesifikasyon §2, "<768px" tablosu) ------ Masaüstü değerleri 768px ve üzerinde aşağıda ezilir. */ --ts-hero-h1: 36px; --lh-hero-h1: 1.05; --ls-hero-h1: -0.02em; --ts-sayfa-h1: 32px; --lh-sayfa-h1: 1.1; --ls-sayfa-h1: -0.02em; --ts-sayfa-h1-uzun: 28px; --lh-sayfa-h1-uzun: 1.12; --ts-h2: 20px; --lh-h2: 1.2; --ls-h2: 0; --ts-h3: 19px; --lh-h3: 1.25; --ls-h3: 0; --ts-kart-baslik: 18px; --lh-kart-baslik: 1.3; --ts-kart-baslik-k: 16.5px; /* Gövde ölçüleri 01.09.2026'da bir kademe büyütüldü (okunabilirlik). Satır yükseklikleri KORUNDU. */ --ts-giris: 17.5px; --lh-giris: 1.68; --ts-govde: 16px; --lh-govde: 1.7; --ts-liste: 15px; --lh-liste: 1.5; --ts-menu: 14.5px; --ts-menu-mobil: 19px; /* mobil menü öğesi, 600 */ --ts-buton: 14.5px; --ts-yardimci: 14px; --lh-yardimci: 1.55; --ts-mono: 10px; --ls-mono: 0.10em; --ts-mono-serit: 9.5px; --ls-mono-serit: 0.08em; --ts-telif: 11px; --lh-telif: 1.7; /* --- Bileşen ölçüleri, mobil ------------------------------------------- */ /* Tur 2 (10.09.2026): logo büyütüldü. Boşluk oranı korundu — mobil 10×(40/32)=12,5 → 12 · masaüstü 13×(48/38)=16,4 → 16, ikisi de ölçekte. */ --logo-isaret: 40px; --logo-kelime: 24px; --logo-ara: var(--bosluk-12); --kart-ic: var(--bosluk-18); --liste-dikey: var(--bosluk-12); --liste-ara: var(--bosluk-14); /* Bölüm dikey DOLGUSU — referans mobil artboard'ı 26px kullanıyor (§3: 26–32px) */ --bolum-dikey: var(--bosluk-26); /* Bloklar ARASI boşluk (giriş→liste, kart ızgarası→gruplar) */ --blok-arasi: var(--bosluk-32); --sayfa-basligi-ust: var(--bosluk-30); --sayfa-basligi-alt: var(--bosluk-22); --dokunma-hedefi: 44px; /* mobilde minimum dokunma hedefi */ } /* --- md / lg: kenar boşluğu (spesifikasyon §5) ----------------------------- */ @media (min-width: 768px) { :root { --kenar: var(--bosluk-32); } } @media (min-width: 1024px) { :root { --kenar: var(--bosluk-48); } } /* --- Masaüstü tipografi ve ölçüler (spesifikasyon §2 "≥1024px" tablosu) ----- Eşik notu: mobil tablosu açıkça "<768px" dediği için masaüstü değerleri 768px'ten itibaren uygulanıyor. 768–1023 aralığı için spesifikasyonda ayrı bir tipografi tablosu yok — bu bir spesifikasyon boşluğu, kullanıcıya soruldu. */ @media (min-width: 768px) { :root { --ts-hero-h1: 60px; --lh-hero-h1: 1.03; --ls-hero-h1: -0.025em; --ts-sayfa-h1: 48px; --lh-sayfa-h1: 1.08; --ls-sayfa-h1: -0.02em; --ts-sayfa-h1-uzun: 44px; --lh-sayfa-h1-uzun: 1.08; --ts-h2: 24px; --lh-h2: 1.2; --ls-h2: -0.01em; --ts-h3: 22px; --lh-h3: 1.25; --ls-h3: -0.01em; --ts-kart-baslik: 21px; --lh-kart-baslik: 1.25; --ts-kart-baslik-k: 17.5px; --ts-giris: 18.5px; --lh-giris: 1.7; --ts-govde: 17px; --lh-govde: 1.7; --ts-liste: 15.5px; --lh-liste: 1.5; --ts-menu: 14.5px; --ts-buton: 14.5px; --ts-yardimci: 14px; --lh-yardimci: 1.55; --ts-mono: 11px; --ls-mono: 0.10em; --ts-mono-serit: 10.5px; --ls-mono-serit: 0.08em; --ts-telif: 11.5px; --lh-telif: 1.5; --logo-isaret: 48px; --logo-kelime: 30px; --logo-ara: var(--bosluk-16); --kart-ic: var(--bosluk-26); --liste-dikey: 13px; --liste-ara: var(--bosluk-16); /* Referans masaüstü artboard'ı gövdede 48px kullanıyor (§3: 48–56px) */ --bolum-dikey: var(--bosluk-48); --blok-arasi: var(--bosluk-56); --sayfa-basligi-ust: var(--bosluk-56); --sayfa-basligi-alt: var(--bosluk-40); } } /* =========================================================================== YEREL EKLER — bu blok kurumsal sitede YOKTUR. Yukarısı `akatur-site` @ 7765bae'nin birebir kopyasıdır ve öyle kalmalı; sürüklenme farkı (CLAUDE.md "Header ve footer") yalnızca o kısmı karşılaştırır. Rezervasyona özel her token buraya, bu çizginin ALTINA eklenir. Kurumsal siteye geri taşınmaz. =========================================================================== */ :root { /* Girdi zemini. Tasarım turunda üç yerde saf beyaz isteniyor: form alanları, SEÇİLİ oda tipi satırı ve tutar kutusu. Üçünün de işi aynı — sayfa zemini --paper (#FAFAF7) kırık beyaz olduğu için, üstüne binen ve "şu an dokunduğun yer burası" diyen yüzeyi ondan ayırmak. --paper-2 (#F2F2ED) ters yöne gidiyor: o vurgulanmış ama PASİF alan (bilgi kutusu, tutar toplamı şeridi, satır hover). Bu yüzden ayrı token. */ /* v2 NOTU: bu token artık rezervasyon.css'in DOĞRUDAN kullandığı bir bağımlılık (teslim dosyası `var(--paper-girdi)` yazıyor, ham hex değil). Buradan silinirse girdiler, seçili oda satırı ve tutar kutusu zeminsiz kalır. */ --paper-girdi: #FFFFFF; }