/* ═══════════════════════════════════════════════════════════════════ AKYA TMGDK — tasarım sistemi ─────────────────────────────────────────────────────────────────── Karakter: yoğun, keskin, profesyonel (Linear/Notion yönü). Gölge yerine ince ayraç; küçük yarıçap; sıkı satır; tabular rakam. Gölge yalnızca YÜZEN katmanda (menü, açılır panel) kullanılır. İki yoğunluk, tek sistem: iç ekranlar (varsayılan) müşteriye giden sayfalar, giriş Eski değişken adları (--akya-mavi, --yuzey, --golge, --yaricap …) KORUNDU: 50 şablon bunları kullanıyor, değerleri güncellendi; sayfalar dokunulmadan yeni görünüme geçer. ═══════════════════════════════════════════════════════════════════ */ /* ═══ 1. TOKEN — RENK ═══ */ :root { color-scheme: light; /* Vurgu — sakin orman yeşili (marka) */ --akya-mavi: #217A61; /* birincil vurgu (eski ad korundu) */ --akya-mavi-koyu: #1A6350; /* hover */ --akya-mor: #B07C2E; /* sıcak ikincil — çok az kullanılır */ --akya-lacivert: #16211B; /* koyu aksan */ --bg: #F6F7F4; /* zemin */ --yuzey: #FFFFFF; /* kart / panel */ --yuzey-2: #FAFBF9; /* ikincil yüzey — tablo başlığı, girinti */ --yuzey-kenar: rgba(24, 38, 31, 0.13); /* ana ayraç — çizgi baskın */ --yuzey-kenar-soluk: rgba(24, 38, 31, 0.07); --metin: #16211B; --metin-ikincil: #64716B; --metin-soluk: #8B968F; /* Gölge — düzlemde neredeyse yok; yalnızca katman gölgesi belirgin */ --golge: 0 1px 1px rgba(24, 38, 31, 0.03); --golge-hover: 0 1px 2px rgba(24, 38, 31, 0.06); --golge-katman: 0 4px 12px rgba(24, 38, 31, 0.10), 0 12px 32px rgba(24, 38, 31, 0.10); /* Durum */ --iyi: #217A61; --uyari: #B07C2E; --kotu: #B4483C; --notr: #64716B; --iyi-zemin: rgba(33, 122, 97, 0.09); --uyari-zemin: rgba(176, 124, 46, 0.10); --kotu-zemin: rgba(180, 72, 60, 0.09); --notr-zemin: rgba(100, 113, 107, 0.09); --header-bg: rgba(246, 247, 244, 0.82); --hover: rgba(24, 38, 31, 0.05); --sec: rgba(33, 122, 97, 0.10); } /* ═══ 2. TOKEN — KOYU TEMA ═══ data-theme="dark" kök elemana 'deki script tarafından, ekran çizilmeden önce konur (yanlış tema parlaması olmaz). */ :root[data-theme="dark"] { color-scheme: dark; --akya-mavi: #4FBE99; --akya-mavi-koyu: #6BD1AF; --akya-mor: #D2A458; --akya-lacivert: #D7DED9; --bg: #101412; --yuzey: #171C19; --yuzey-2: #1C221E; --yuzey-kenar: rgba(255, 255, 255, 0.11); --yuzey-kenar-soluk: rgba(255, 255, 255, 0.06); --metin: #E6EBE7; --metin-ikincil: #929C96; --metin-soluk: #6E7873; --golge: none; --golge-hover: none; --golge-katman: 0 4px 14px rgba(0, 0, 0, 0.45), 0 14px 40px rgba(0, 0, 0, 0.5); --iyi: #4FBE99; --uyari: #D2A458; --kotu: #D9786A; --notr: #929C96; --iyi-zemin: rgba(79, 190, 153, 0.13); --uyari-zemin: rgba(210, 164, 88, 0.14); --kotu-zemin: rgba(217, 120, 106, 0.13); --notr-zemin: rgba(146, 156, 150, 0.12); --header-bg: rgba(16, 20, 18, 0.82); --hover: rgba(255, 255, 255, 0.06); --sec: rgba(79, 190, 153, 0.13); } /* ═══ 3. TOKEN — ÖLÇÜ ═══ Yoğunluk iki çarpanla ayarlanır: tipografi ve boşluk. Sayfa derse ölçek açılır, sistem aynı kalır. */ :root { --olcek: 1; /* tipografi çarpanı */ --bosluk: 1; /* boşluk çarpanı */ --t-xs: calc(11px * var(--olcek)); /* uppercase etiket */ --t-sm: calc(12.5px * var(--olcek)); /* ikincil, tablo içi */ --t-md: calc(14px * var(--olcek)); /* gövde */ --t-lg: calc(15.5px * var(--olcek)); /* öne çıkan gövde */ --t-xl: calc(18px * var(--olcek)); /* bölüm başlığı */ --t-2xl: calc(22px * var(--olcek)); /* sayfa başlığı */ --t-3xl: calc(28px * var(--olcek)); /* sayı / vurgu */ --s1: calc(4px * var(--bosluk)); --s2: calc(8px * var(--bosluk)); --s3: calc(12px * var(--bosluk)); --s4: calc(16px * var(--bosluk)); --s5: calc(24px * var(--bosluk)); --s6: calc(32px * var(--bosluk)); --s7: calc(48px * var(--bosluk)); --s8: calc(64px * var(--bosluk)); --r-sm: 4px; --r: 6px; --r-lg: 10px; --r-tam: 999px; --yaricap: var(--r); /* eski ad */ --yaricap-buyuk: var(--r-lg); /* eski ad */ --gecis: 0.12s cubic-bezier(0.2, 0, 0.2, 1); --yazi: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --yazi-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; } body[data-yogunluk="rahat"] { --olcek: 1.1; --bosluk: 1.45; } /* Kenar boşluğu sıfırlaması YALNIZCA yeni sisteme geçmiş sayfalarda (data-yogunluk taşıyanlar). Henüz geçmemiş şablonlar