/* * Master İmar — merkezi tasarım token'ları (Faz d). * TEK KAYNAK: renk/tip/boşluk/biçim buradan tanımlanır; hiçbir ekran token'ı * yeniden tanımlamaz, hepsi var(--mi-*) ile tüketir. * * Yön (PROJE.md §3 — Longines TR pivotu, Tur 2 = master-arayuz skill): beyaz * zemin, renk yalnız iki noktada (hero'nun açık mavi geçişi + sayaç bandının * laciverti), bol negatif alan, editoryal tipografi. Varsayılan biçim = SOLID * + KESKİN (radius:0). Vurgu = LACİVERT (#1b2a4a). * YASAK: içerik/UI yüzeylerinde dekoratif gradient arkaplan, neon/parlak vurgu. * İSTİSNA (PROJE.md §3, sahibi onayı): gerçek foto gelene kadar hero'nun * editoryal placeholder gradient'i (`--mi-hero-bg`) serbest. * Blanket/sayfa-geneli cam/blur YASAK (navbar dahil — Tur 2'de kaldırıldı). * Köşe yuvarlaklığı da sayfa-geneli * değil; en fazla 1-2 bileşende bilinçli istisna (bu turda: .mi-badge / etiket chip). * İmza öğe: "parsel çizgisi" — ince kadastro/ölçüm cetveli + köşe tiki (base.css). * * Skill↔kod eşlemesi (önneksiz `master-arayuz` seçicisi → bu depodaki `mi-` * önekli karşılığı) `PROJE.md`'de tutulur — yeni token/class eklerken oraya da işle. */ :root { /* ── Renk: mürekkep & yüzey (soğuk nötr aile) ────────────────────────────── */ --mi-ink: #161a20; /* birincil metin — soğuk near-black */ --mi-ink-soft: #545c69; /* ikincil metin + füme metni (beyazda ~6.6:1 AA) */ --mi-ink-faint: #8a9099; /* YALNIZ devre-dışı/dekoratif — GÖRÜNÜR metinde kullanma (beyaz üstünde ~3.3:1, AA normal metni geçmez; WCAG 1.4.3 disabled'ı muaf tutar). Metin için ink-soft kullan. */ --mi-line: #d7dce3; /* hairline sınır (soğuk) */ --mi-line-strong: #bfc6cf; /* belirgin sınır (soğuk) */ --mi-surface: #ffffff; /* ana zemin (panel/beyaz gereken bileşenler) */ --mi-surface-2: #f2f4f7; /* soğuk açık gri — kurumsal gövde zemini + kart */ --mi-surface-3: #e8ecf1; /* daha derin soğuk gri — footer / satır vurgusu */ --mi-surface-hover:#dde3ea; /* beyaz butonun koyu/accent zeminde hover'ı */ /* ── Renk: vurgu (lacivert — Longines pivotu) ──────────────────────────── */ --mi-accent: #1b2a4a; --mi-accent-strong: #0f1a30; /* hover/active — derin lacivert */ --mi-accent-soft: #e6e9f0; /* açık lacivert tint (chip/şerit zemini) */ --mi-accent-ink: #ffffff; /* vurgu üzerine metin */ /* ── Renk: Longines pivotu — üç alan hover/açık tint + koyu blok üstü metin ─ (Faz d Tur 2 — master-arayuz skill, PROJE.md eşleme tablosu). --mi-tint --mi-accent-soft'a ÇOK yakın ama AYRI bir kullanım yeri (alan hover'ı, chip zemini değil) — skill'de de iki ayrı token (--alan-uzeri / --navy-tint). */ --mi-tint: #e9eef6; --mi-on-dark: #f7f5f0; /* skill: --on-dark (sayaç bandı ana metin) */ --mi-on-dark-soft: rgba(247, 245, 240, 0.72); --mi-on-dark-faint: rgba(247, 245, 240, 0.45); --mi-on-dark-hover: rgba(247, 245, 240, 0.08); /* koyu lacivert zemin üstü hover/aktif tint (panel sol menü) */ --mi-topo: rgba(27, 42, 74, 0.1); /* hero kontur çizgisi — lacivertin soluğu */ /* Hero zemini — üç katmanlı çok açık mavi geçiş (skill: --hero-bg/--hero-veil) */ --mi-hero-bg: radial-gradient(120% 88% at 16% 10%, rgba(59, 130, 246, 0.065), transparent 58%), radial-gradient(92% 80% at 88% 94%, rgba(27, 42, 74, 0.07), transparent 62%), linear-gradient(158deg, #fdfeff 0%, #f8fafd 46%, #f1f5fb 100%); --mi-hero-veil: linear-gradient(0deg, rgba(241, 245, 251, 0.55) 0%, transparent 54%); /* ── Renk: durum (sakin, neon değil) ──────────────────────────────────── */ --mi-danger: #8a2b2b; --mi-danger-strong: #6f2020; /* hover/active */ --mi-danger-soft: #f3e3e3; --mi-warn: #8a5a1e; /* bekleyen/uyarı (muted amber) */ --mi-warn-soft: #f5ecdd; --mi-ok: #2f6a52; /* başarı = sakin yeşil (vurgudan AYRI — vurgu artık lacivert) */ --mi-focus: #1c5fbf; /* klavye odak halkası; lacivert yüzeyde 2px offset boşlukla ayrışır */ /* ── Tipografi ─────────────────────────────────────────────────────────── */ --mi-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --mi-font-num: 'Rubik', system-ui, sans-serif; /* tabular-nums ile para/tarih */ --mi-fs-caption: 0.78rem; /* 12.5px — caps etiket / meta */ --mi-fs-small: 0.875rem; /* 14px */ --mi-fs-body: 1rem; /* 16px — temel */ --mi-fs-lead: 1.125rem; /* 18px — giriş paragrafı */ --mi-fs-h3: 1.5rem; /* 24px */ --mi-fs-h2: 2rem; /* 32px */ --mi-fs-h1: clamp(2.25rem, 4.5vw, 3.25rem); --mi-fs-display: clamp(2.75rem, 7vw, 5rem); /* hero */ /* Kurumsal site (Tur 2) tip ölçeği — skill'deki --t-* ile birebir, ayrı tutuldu çünkü clamp formülleri (vh+vw) yukarıdaki ölçekten farklı ve yalnız kurumsal.css kullanıyor; panelin --mi-fs-* ölçeğini etkilemez. */ --mi-t-hero: clamp(2.1rem, 4.2vh + 1.2vw, 4.1rem); --mi-t-h2: clamp(1.7rem, 2.8vh + 0.9vw, 2.9rem); --mi-t-h3: clamp(1.05rem, 1.7vh + 0.48vw, 1.8rem); --mi-t-sayi: clamp(2.4rem, 4.6vh + 1vw, 4.4rem); --mi-t-mikro: 0.72rem; --mi-tr-mikro: 0.2em; --mi-fw-light: 300; --mi-fw-regular: 400; --mi-fw-medium: 500; --mi-fw-semibold: 600; --mi-fw-bold: 700; --mi-lh-tight: 1.12; --mi-lh-snug: 1.3; --mi-lh-normal: 1.55; --mi-lh-relaxed: 1.7; --mi-track-caps: 0.08em; /* uppercase etiketler */ --mi-track-tight: -0.02em; /* display başlıklar */ /* ── Boşluk ölçeği (8px tabanı) ───────────────────────────────────────── */ --mi-space-1: 0.25rem; /* 4 */ --mi-space-2: 0.5rem; /* 8 */ --mi-space-3: 0.75rem; /* 12 */ --mi-space-4: 1rem; /* 16 */ --mi-space-5: 1.5rem; /* 24 */ --mi-space-6: 2rem; /* 32 */ --mi-space-7: 3rem; /* 48 */ --mi-space-8: 4rem; /* 64 */ --mi-space-9: 6rem; /* 96 */ --mi-space-10: 8rem; /* 128 */ /* ── Biçim: köşe / sınır / gölge (kısıtlı, gösterişsiz) ────────────────── */ /* Varsayılan bileşenler KESKİN (radius:0 — base.css). Bu ölçek yalnız odak halkası + skip-link + izinli 1-2 istisna (.mi-badge / etiket chip) içindir. */ --mi-radius-xs: 4px; --mi-radius-sm: 6px; --mi-radius-md: 10px; --mi-radius-pill: 999px; --mi-border: 1px solid var(--mi-line); --mi-border-strong: 1px solid var(--mi-line-strong); /* Gölge çok hafif — parlama/glow YOK (yasak liste ruhu) */ --mi-shadow-1: 0 1px 2px rgba(26, 28, 30, 0.05); --mi-shadow-2: 0 8px 28px -12px rgba(26, 28, 30, 0.16); /* ── Panel yoğunluğu (d-3 — türetilmiş, uydurulmamış) ──────────────────── Yeni renk/font YOK; mevcut --mi-fs-*/--mi-space-* ölçeğinden panel'e özel alias'lar. İç ekip günde saatlerce kullanacağı için kurumsal siteden bir tık daha sıkı: gövde 16px yerine 14px, sayfa başlığı 32px (h2) yerine 24px (h3), tablo hücresi kurumsal .mi-table'ın 0.65rem/0.8rem'inden bir adım daha dar. */ --mi-panel-fs-body: var(--mi-fs-small); /* 14px */ --mi-panel-fs-h1: var(--mi-fs-h3); /* 24px */ --mi-panel-row-y: var(--mi-space-2); /* 8px — tablo hücre dikey */ --mi-panel-row-x: var(--mi-space-3); /* 12px — tablo hücre yatay */ --mi-panel-gap: var(--mi-space-3); /* 12px — panel içi ritim birimi */ /* Layout sabiti (tip/boşluk ölçeği değil — --mi-nav-h ile aynı tür istisna) */ --mi-panel-sidebar-w: 220px; /* ── Düzen ─────────────────────────────────────────────────────────────── */ --mi-container: 1200px; --mi-container-narrow: 820px; --mi-gutter: clamp(1rem, 4vw, 3rem); --mi-container-site: 1440px; /* yalnız kurumsal.css — skill: --maxw. Paylaşılan .mi-container (panel/giriş) genişletilmedi, kapsam dışı bir yan etki olmasın diye. */ --mi-gutter-site: clamp(22px, 4.2vw, 56px); /* yalnız kurumsal.css — skill: --pad */ --mi-nav-h: 64px; /* sabit üst nav yüksekliği (Tur 2 — tek satır masthead) */ /* ── Katman (z-index) ─────────────────────────────────────────────────── */ --mi-z-nav: 100; --mi-z-overlay: 200; --mi-z-skip: 300; /* ── Hareket (prefers-reduced-motion base.css'te sıfırlanır) ──────────── */ --mi-ease: cubic-bezier(0.2, 0.6, 0.2, 1); --mi-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* düğme dolgusu (Tur 2) */ --mi-ease-panel: cubic-bezier(0.62, 0.02, 0.14, 1); /* alan genişleme/band yüksekliği (Tur 2) */ --mi-dur: 450ms; /* hover / küçük durum değişimi (Tur 2 — skill --dur) */ --mi-dur-slow: 1050ms; /* bölüm girişi / scroll-reveal (Tur 2 — skill --dur-slow) */ --mi-reveal-shift: 14px; /* reveal başlangıç kayması (aşağıdan yukarı) */ }