/*
 * StreamJarvis Holding — token katmanı (Şirket / `/sirket`).
 *
 * Kaynak: claude.ai/design "StreamJarvis Holding Design System"
 * (proje c602d1d7-f5a0-4331-b5b1-abd6221de4d9), `tokens/*.css`.
 *
 * Bu dosya TÜRETİLMİŞ bir kopyadır ve elle düzenlenmemelidir: değer değişecekse
 * önce tasarım sisteminde değişir, sonra buraya taşınır. Aksi hâlde iki ayrı
 * doğruluk kaynağı oluşur ve sistemle sayfa sessizce ayrışır.
 *
 * ── Neden dizin değil, tek dosya ────────────────────────────────────────────
 * `public/sirket/` diye bir DİZİN açılamaz. `express.static('public')`
 * server.js:2212'de, `/sirket` rotası ise 10958'de tanımlı — yani statik katman
 * önce çalışıyor. Dizin var olsaydı statik katman onu görüp `/sirket` için 301
 * yönlendirmesi üretirdi; `/bj` için server.js:2209'da uyarılan tuzağın aynısı.
 *
 * ── Kapsam ─────────────────────────────────────────────────────────────────
 * YALNIZ değişken tanımı. Bilinçli olarak dışarıda bırakılanlar:
 *   - Google Fonts `@import` — Outfit sayfada zaten `<link>` ile yükleniyor
 *     (sirket.html:13). İkinci kez almak render'ı bloklayan gereksiz bir istek.
 *   - `@keyframes` — sayfanın kendi adları var (`fadeUp`, `rbShift`, `fireGlow`,
 *     `glowPulse`); sistemin `sj-` önekli kopyalarını eklemek ölü CSS olurdu.
 *   - `prefers-reduced-motion` kuralı — sirket.html:40'ta zaten var.
 */

:root{
    /* ── Tipografi ailesi ─────────────────────────────────────────────────── */
    --font-core:'Outfit',system-ui,'Segoe UI',sans-serif;
    --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;

    /* ── Yüzeyler: Operasyon Merkezi V3 (opak, cam yok) ───────────────────── */
    --bg:#07090d;
    --bg2:#0b0e13;
    --surface:#11151c;
    --surface2:#161b24;
    --surface3:#1c222d;
    --solid:#11151c;
    --solid2:#181e27;
    --raised:#202731;
    --inset:#10151b;
    --field:#0d1117;

    /* ── Saç teli çizgiler ────────────────────────────────────────────────── */
    --border:#252c37;
    --border-hl:#36404e;
    --border-strong:#465363;

    /* ── Mürekkep ─────────────────────────────────────────────────────────── */
    --text:#f3f1eb;
    --muted:#8e99a8;
    --muted2:#c0c7d1;
    --muted3:#697583;
    --label:#626d7c;

    /* ── Vurgular: dört çalışan renk ──────────────────────────────────────── */
    /* yeşil = aksiyon/başarı · altın = para, rütbe, premium
       camgöbeği = yön bulma (kicker, odak) · mercan = risk ve süre */
    --green:#72ee4d;
    --green-soft:#a7ff8d;
    --green-deep:#2d9c18;
    --gold:#d5a85c;
    --gold-soft:#f1d6a5;
    --cyan:#63c9d4;
    --accent:#a98af5;
    --accent-soft:#cab9fb;
    --blue:#6ea5ff;
    --danger:#ff6b75;
    --danger-soft:#ff9c8b;

    /* ── Vurgu yıkamaları (kenarlık / renkli dolgu) ───────────────────────── */
    /* Vurgu bir alanı ASLA doldurmaz: %25-34 kenarlık arkasında %7-10 yıkama. */
    --green-wash:rgba(114,238,77,.10);
    --green-line:rgba(114,238,77,.30);
    --gold-wash:rgba(213,168,92,.08);
    --gold-line:rgba(213,168,92,.25);
    --cyan-wash:rgba(99,201,212,.07);
    --cyan-line:rgba(99,201,212,.30);
    --danger-wash:rgba(255,111,89,.08);
    --danger-line:rgba(255,111,89,.34);

    /* ── Anlamsal takma adlar ─────────────────────────────────────────────── */
    --text-body:var(--muted2);
    --text-heading:var(--text);
    --text-meta:var(--muted);
    --surface-card:linear-gradient(180deg,rgba(20,25,33,.98),rgba(16,20,27,.98));
    --surface-panel:var(--inset);
    --action-primary:var(--green);
    --action-primary-ink:#10200b;
    --action-premium:var(--gold-soft);
    --action-premium-ink:#1f1300;
    --focus-ring:0 0 0 3px rgba(99,201,212,.11);
    --kicker:var(--cyan);
    --currency-p:var(--gold-soft);
    --currency-kp:#b48cff;

    /* ── RP göstergeleri (yüksek = iyi; RİSK hariç, orada düşük iyidir) ────── */
    --state-good:var(--green-soft);
    --state-bad:var(--danger-soft);

    /* ── Departman renkleri ───────────────────────────────────────────────── */
    --dept-ik:#4a82ff;
    --dept-finans:#fab938;
    --dept-pazarlama:#ff6bd6;
    --dept-satis:#4eeb16;
    --dept-operasyon:#9f44f5;
    --dept-arge:#22d3ee;
    --dept-hukuk:#f59e0b;

    /* ── Tipografi ölçeği ─────────────────────────────────────────────────── */
    /* Küçük ve kesin; yapısal metin ağırdır (800-950). */
    --fs-hero:clamp(42px,7vw,72px);
    --fs-page-title:clamp(24px,4vw,34px);
    --fs-h2:21px;
    --fs-card-value:19px;
    --fs-lead:15px;
    --fs-body:13px;
    --fs-body-sm:12.5px;
    --fs-small:11.5px;
    --fs-meta:10.5px;
    --fs-micro:9.5px;
    --fs-nano:8.5px;
    --fs-kicker:9px;

    --fw-regular:400;
    --fw-medium:500;
    --fw-semi:650;
    --fw-bold:800;
    --fw-heavy:850;
    --fw-black:900;
    --fw-ultra:950;

    --lh-tight:1.04;
    --lh-title:1.2;
    --lh-body:1.5;
    --lh-copy:1.55;
    --lh-prose:1.65;

    --ls-hero:-.035em;
    --ls-title:-.02em;
    --ls-kicker:.18em;
    --ls-label:.11em;
    --ls-eyebrow:.16em;

    /* ── Boşluk: 8px yerleşim ölçeği ──────────────────────────────────────── */
    --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px;
    /* Bileşen içindeki gerçek, tek sayılı değerler. */
    --gap-hairline:3px;
    --gap-tight:7px;
    --gap-xs:8px;
    --gap-sm:9px;
    --gap-md:10px;
    --gap-lg:12px;
    --gap-xl:14px;
    --gap-2xl:20px;

    --pad-card:19px;
    --pad-card-compact:15px;
    --pad-panel:16px;
    --pad-tile:11px;
    --pad-row:9px;
    --pad-btn:10px 16px;
    --pad-btn-sm:7px 9px;
    --pad-field:10px 12px;
    --pad-pill:4px 9px;

    --rail-width:264px;
    --content-max:1120px;
    --wrap-max:1480px;
    --sticky-top:88px;
    --header-min:68px;

    /* ── Yarıçap merdiveni ────────────────────────────────────────────────── */
    --radius:16px;
    --radius-lg:22px;
    --radius-panel:18px;
    --radius-card:14px;
    --radius-sm:10px;
    --radius-btn:9px;
    --radius-tile:9px;
    --radius-chip:8px;
    --radius-pill:99px;

    /* ── Gölge: derinlik saç telinden gelir, gölgeden değil ───────────────── */
    /* `--shadow-sm` yalnız nav rayı ve popover'lar, `--shadow-md` toast için. */
    --shadow-sm:0 8px 22px rgba(0,0,0,.16);
    --shadow-md:0 16px 40px rgba(0,0,0,.26);
    --shadow-header:0 8px 30px rgba(0,0,0,.14);

    --border-width:1px;
    --accent-rail:3px;

    /* ── Konsol zemini: 34px milimetrik kâğıt, %1.8 beyaz ─────────────────── */
    --grid-size:34px;
    --grid-ink:rgba(255,255,255,.018);
    --app-bg:
        linear-gradient(var(--grid-ink) 1px,transparent 1px),
        linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px),
        radial-gradient(900px 520px at 72% -12%,rgba(99,201,212,.08),transparent 65%),
        radial-gradient(740px 520px at 8% 10%,rgba(213,168,92,.06),transparent 65%);

    /* Hero / komut güvertesi fotoğraf perdesi */
    --scrim-hero:linear-gradient(90deg,rgba(7,9,13,.97) 0%,rgba(7,9,13,.88) 44%,rgba(7,9,13,.18) 100%);
    --scrim-deck:linear-gradient(100deg,rgba(17,22,29,.98) 0%,rgba(17,22,29,.94) 48%,rgba(12,16,21,.72) 100%);

    /* ── Hareket ──────────────────────────────────────────────────────────── */
    --ease:cubic-bezier(.4,0,.2,1);
    --ease-out:cubic-bezier(.16,1,.3,1);
    --dur-hover:.16s;
    --dur-state:.18s;
    --dur-enter:.26s;
    --dur-bar:.7s;
}

/*
 * ── ESKİ AD KÖPRÜSÜ ─────────────────────────────────────────────────────────
 *
 * Sayfa hâlâ V2'den kalan dört değişkeni kullanıyor ve tasarım sisteminde
 * karşılıkları YOK — çünkü V3 parlamaları (glow) ve `--shadow-lg`'yi bilinçli
 * olarak kaldırdı ("derinlik saç telinden gelir, gölgeden değil").
 *
 * Bunlar burada TANIMSIZ bırakılamaz: tanımsız `var(--x)` kuralı sessizce
 * düşürür ve düğmeler gölgesiz, logo parlamasız kalırdı. Değerler V2'nin
 * kendi değerleridir — yani bu köprü sayfanın GÖRÜNÜŞÜNÜ DEĞİŞTİRMEZ.
 *
 * Kullanan yerler temizlendikçe (V2 düğme/logo kuralları V3'e çevrildikçe) bu
 * blok küçülmeli ve sonunda tamamen silinmeli.
 */
:root{
    --green-glow:rgba(78,235,22,.22);
    --gold-glow:rgba(250,185,56,.22);
    --accent-glow:rgba(159,68,245,.2);
    --shadow-lg:0 24px 60px rgba(0,0,0,.5);
}