:root { /* Marka sabitleri */ --c-brand: #159EAD; --c-brand-strong: #159EAD; /* CTA dolgusu = marka turkuazı (Aegean Turquoise #159EAD); kalın beyaz metinle ~3:1 (AA large) */ --c-black: #0A0A0A; --c-white: #FFFFFF; /* Tipografi — Inter (UI) + JetBrains Mono (rakam/veri) */ --font-sans: 'Inter', system-ui, -apple-system, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace; --fs-h1: clamp(2.25rem, 4.5vw, 3rem); /* 36-48px, Inter 600, -0.02em */ --fs-h2: clamp(1.5rem, 3vw, 1.875rem); /* 24-30px */ --fs-h3: 1.25rem; --fs-body: 1rem; --fs-small: 0.875rem; --fs-tag: 0.6875rem; /* 11px mikro-etiket, uppercase + .12em */ /* Köşe ve boşluk — Y3: kart 12, buton 6 */ --r-sm: 6px; --r-md: 12px; --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px; --sp-5: 40px; --sp-6: 64px; --sp-7: 96px; /* ── Veri Sayfası yüzeyleri (tek tema) ── */ --c-bg: #FAFAF8; /* kanvas */ --c-surface: #FFFFFF; /* kart */ --c-surface-2: #F0F0EF; /* dolgu / hover / çip */ --c-line: #E4E5E1; --c-text: #141415; /* mürekkep */ --c-text-2: #454542; /* grafit */ --c-text-3: #6F6F6C; /* soluk (kanvasta 4.8:1) */ --c-primary: var(--c-brand-strong); --c-primary-text: #FFFFFF; --c-primary-hover: #128A98; /* marka turkuazının hover türevi (yalnız hover'da koyulaşır) */ --c-on-accent: #FFFFFF; --c-success: #1F7A53; --c-warning: #8A6410; --c-danger: #C2362B; --c-brand-text: #159EAD; /* marka turkuazı (#159EAD) metin/aksan — canlı marka rengi */ --c-brand-bg: rgba(21,158,173,.10); --c-success-bg: rgba(31,122,83,.10); --c-warning-bg: rgba(138,100,16,.10); --c-danger-bg: rgba(194,54,43,.08); /* ── Konsol (tek koyu yüzey — "şu an en doğru adım" vb.) ── */ --console-bg: #2E2E2C; --console-line: #454542; --console-text: #ABB2BF; --console-bright: #FFFFFF; --console-red: #F67978; --console-teal: #88D2C3; --console-blue: #8BC5F3; /* Kart hairline gölgesi (Fingerprint inset) */ --shadow-card: inset 0 1px 0 rgba(228,229,225,.3), inset 0 -1px 0 rgba(110,111,109,.1); /* Dot-grid çizgi rengi (açık varsayılan) */ --c-grid: rgba(20,20,21,.03); } /* ════════════════════════════════════════════════════════════════════════════ DARK TEMA — Veri Sayfası (onaylı token-enjeksiyon mockup'ından) tüm finit token'larını koyu'ya ezer. Açık varsayılan kalır. ════════════════════════════════════════════════════════════════════════════ */ html[data-theme="dark"] { /* v2 — Linear/Origin ayarında cool-nötr slate (warm-olive near-black değil): katmanlı yükseltilmiş yüzeyler, off-white metin, düşük kontrast, sakin teal = göz yormayan dark. */ --c-bg:#16171B; --c-surface:#1D1F25; --c-surface-2:#262931; --c-line:rgba(255,255,255,.08); --c-text:#E7E8EB; --c-text-2:#A9ADB6; --c-text-3:#71757F; --c-brand:#159EAD; --c-brand-strong:#159EAD; --c-brand-text:#159EAD; --c-brand-bg:rgba(21,158,173,.16); --c-primary:#159EAD; --c-primary-strong:#138C99; --c-primary-text:#06222A; --c-primary-hover:#1AAEBE; --c-on-accent:#06222A; --c-success:#4FBF8B; --c-success-bg:rgba(79,191,139,.14); --c-warning:#E0BC6A; --c-warning-bg:rgba(224,188,106,.14); --c-danger:#E8736A; --c-danger-bg:rgba(232,115,106,.13); --console-bg:#14151A; --console-line:rgba(255,255,255,.10); --console-text:#9CA1AC; --console-bright:#F1F2F4; --console-teal:#6FE0D0; --shadow-card:inset 0 1px 0 rgba(255,255,255,.04),0 1px 3px rgba(0,0,0,.35); --c-grid:rgba(255,255,255,.02); }