/* public/css/brands/vidimu.css — VİDİMU markası
   ===========================================================================
   Vidimu (saha ekipleri için kanıt kamerası) panellerinin markası: iç panel
   (admin.vidimu.com) ve müşteri paneli (app.vidimu.com) AYNI dosyayı okur.

   Nasıl türetildi (1 Eki 2026, tek seferlik betik — depoda değil):
     1. ornek.css OLDUĞU GİBİ alındı (kontrastı temiz, 38/38, istisnasız):
        nötrler (arduvaz), anlam renkleri, bağlantı, temel katman, ÖLÇÜ
        tokenları (yazı tipi, yarıçap, yükseklik, gölge geometrisi) DEĞİŞMEDİ.
        Marka değişimi yalnız rengi değiştirir (şablon spec §8 Faz 6) ve
        yalnız VURGU ailesi değişti.
     2. Vurgu ailesi (--p-accent*, --p-primary-*, --p-chrome-accent,
        --p-series-*, --p-seq-*, --p-gradient-*) OKLCH'de Vidimu turuncusunun
        tonuna (H 38,4 — #e55e30) taşındı; her tokenın açıklığı (L) ve
        doygunluğu (C) ornek'teki değerinden korundu (gamut dışı C kırpıldı).
        Aile TEK TONLU: uygulamanın paleti de öyle (accent, accentDark,
        accentSoft* hepsi H 38–45). İki bilinçli istisna:
          - --p-accent-alert(-deep) H 25 (kırmızıya): çekirdek onu "tehlike"
            tonu olarak okur (sağlayıcı çubuğu[danger], başarısız toplam);
            vurgu tonunda kalsa tehlike turuncu görünürdü.
          - --p-gradient-from H 25 / --p-gradient-to H 60: giriş ekranının iki
            parıltısı (%35 / %25 opaklık) tonun iki yanında.
     3. Sabitlenen iki değer:
          - --p-accent (+ --p-primary-500) = #c94b20 — uygulamanın kendi
            accentDark'ı; beyaz metinle 4,66:1 (birincil düğme metin çifti).
            Marka turuncusu #e55e30 beyazla 3,51:1 — metin taşıyan vurgu
            olamaz.
          - --p-chrome-accent = #e55e30 — marka turuncusu, koyu krom üstünde
            etkin menü göstergesi (UI çifti).
          - --p-accent-soft = #fff1ec — uygulamanın accentSoft'u (döndürülmüş
            değer #ffebe4'tü). Öğe başına ölçüm (computed-style-farki --kontrast):
            sıralanmış tablo başlığı --p-soft metni bu zeminde 4,34:1 kalıyordu
            (ornek'te de 4,37:1 — PAIRS dışı çekirdek çifti); açık değerle 4,52:1.
     4. -rgb ikizleri tabanlarından yeniden hesaplandı (panel:marka-dogrula vidimu).

   Paneli bu markayla açmak — İKİ dosya (şablon README → "Yeni marka ekleme"):
     config/panel.php → brand.stylesheet = 'css/brands/vidimu.css'
                        brand.colors.primary = --p-accent'in değeri (#c94b20)

   Tokenların anlamı ve bölüm notları muzai.css / ornek.css'tekiyle aynıdır.
   =========================================================================== */
:root {
    /* ——— Marka çekirdeği — yüzeyler, metin, kenarlık ——— */
    --p-ink: #03182b;
    --p-ink-rgb: 3 24 43;
    --p-ink-hover: #012f4f;
    --p-muted: #5c7086;
    --p-muted-soft: #8c9aad;
    --p-soft: #627183;
    --p-canvas: #f1f4f8;
    --p-surface: #ffffff;
    --p-surface-soft: #f5f8fb;
    --p-surface-softer: #f8fafc;
    --p-surface-tint: #f7fafd;
    --p-surface-muted: #ecf1f8;
    --p-surface-plain: #f8fafd;
    --p-border: #e2e8f0;
    --p-border-strong: #8b929c;
    --p-border-soft: #e9eef5;
    --p-border-tint: #eff3f9;
    --p-divider: #808a96;
    --p-on-accent: #ffffff;
    /* Koyu krom üzerindeki mürekkep. panel.css'teki 31 yarı saydam örtü
       (kenar çubuğu ayırıcıları, üst çubuk hover'ı, giriş ekranı ikincil metni)
       bunu `rgb(var(--p-on-dark-rgb) / α)` biçiminde okur. Beyaz oldukları için
       değil, zeminleri (--p-sidebar / --p-ink) koyu olduğu için beyazlar:
       açık krom isteyen marka bu iki satırı koyulaştırır, 31 örtü birden döner. */
    --p-on-dark: #ffffff;
    --p-on-dark-rgb: 255 255 255;

    /* ——— Vurgu ——— */
    --p-accent: #c94b20;
    --p-accent-rgb: 201 75 32;
    --p-accent-hover: #a33302;
    --p-accent-soft: #fff1ec;
    --p-accent-dark: #984022;
    --p-accent-deep: #9d3000;
    --p-accent-line: #fccaba;
    --p-accent-line-soft: #f7e5e0;
    --p-accent-alert: #e12731;
    --p-accent-alert-deep: #d63438;
    --p-accent-tint: #feece6;
    --p-accent-tint-soft: #fef6f4;

    /* ——— Anlamsal ——— */
    --p-success: #0fa088;
    --p-success-rgb: 15 160 136;
    --p-success-hover: #0c836f;
    --p-success-soft: #e2f7f2;
    --p-success-text: #0c7967;
    --p-success-tint: #f6fbf9;
    --p-warning: #b5810d;
    --p-warning-rgb: 181 129 13;
    --p-warning-500-rgb: 207 150 14;
    --p-warning-soft: #fdf5df;
    --p-warning-text: #856b27;
    --p-warning-ink: #675013;
    --p-warning-icon: #c2880f;
    --p-warning-line: #f8dbaf;
    --p-warning-tint: #fbf2dc;
    --p-warning-tint-soft: #fef9f0;
    --p-warning-deep: #845d0d;
    --p-danger: #ca2e24;
    --p-danger-soft: #fdebeb;
    --p-danger-text: #c02c19;
    --p-danger-text-rgb: 192 44 25;
    --p-danger-tint: #fff7f6;
    --p-danger-tint-hover: #fff0ef;
    --p-danger-tint-soft: #fefafa;
    --p-danger-tint-warm: #fdf3f2;
    --p-info: #7657d2;
    --p-info-rgb: 118 87 210;
    --p-info-500-rgb: 105 81 198;
    --p-info-soft: #f0ebfa;
    --p-info-tint: #eee9f9;
    --p-info-deep: #543daa;
    --p-link: #3950c8;
    --p-link-soft: #e9efff;
    --p-link-bright: #5276f7;
    --p-neutral-soft: #ebf0f7;

    /* ——— Kenar çubuğu ——— */
    --p-sidebar: #0e272d;
    --p-sidebar-ink: rgb(var(--p-on-dark-rgb) / .78);
    --p-sidebar-icon: rgb(var(--p-on-dark-rgb) / .62);
    --p-sidebar-muted: rgb(var(--p-on-dark-rgb) / .55);
    --p-sidebar-hover: rgb(var(--p-on-dark-rgb) / .06);
    --p-sidebar-active: rgb(var(--p-on-dark-rgb) / .09);
    --p-sidebar-line: rgb(var(--p-on-dark-rgb) / .07);

    /* ——— Krom ve grafik — pano dili (tasarım turu 27 Eyl 2026) ———
       Vidimu: krom ornek'in mürekkebi (değişmedi), etkin menü göstergesi marka
       turuncusu #e55e30 (krom üstünde 5,11:1). Seri rampası vurgu tonunda
       (OKLCH H 38,4; L .446/.596/.746 — ornek'in açıklıkları), açık uç yüzeyde
       2,37:1 (ornek 2,25:1). Anlamı muzai.css'teki bölüm notuyla aynı. */
    --p-chrome: #03182b;
    --p-chrome-accent: #e55e30;
    --p-series-1: #8d3313;
    --p-series-2: #c75934;
    --p-series-3: #f28e6e;
    --p-seq-1: #fde3db;
    --p-seq-2: #f8c3b2;
    --p-seq-3: #c95a35;
    --p-seq-4: #a63a11;
    --p-seq-5: #7b290a;
    --p-chart-muted: #a9b0b8;

    /* ——— Örtü ve degrade ——— */
    --p-scrim: #0e272d;
    --p-scrim-rgb: 14 39 45;
    --p-overlay-deep: #010e1f;
    --p-overlay-deep-rgb: 1 14 31;
    --p-gradient-from: #a45752;
    --p-gradient-from-rgb: 164 87 82;
    --p-gradient-to: #eca568;
    --p-gradient-to-rgb: 236 165 104;

    /* ——— Tipografi ———
       Aile ADI buradan gelir; DOSYA yolu gelmez. panel.css'in başındaki dört
       @font-face bloğu literal kalmak zorunda: @font-face bir elemente bağlanmadığı
       için içinde var() çözülmez (Chromium'da ölçüldü — descriptor tümüyle atılıyor).
       Kendi yazı tipini kullanacak marka, KENDİ @font-face bloklarını bu dosyaya
       ekler ve aşağıdaki iki tokenı kendi ailesine ayarlar. panel.css'teki MUZAI
       blokları o zaman ölü kalır; kullanılmayan bir @font-face indirilmez. */
    --p-font-sans: 'Onest', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --p-font-mono: 'DM Mono', monospace;

    /* ——— Ölçüler ve gölgeler ——— */
    --p-radius: 14px;
    --p-radius-control: 9px;
    --p-radius-inner: 6px;
    --p-radius-pill: 99px;
    --p-control-h: 36px;
    --p-control-h-sm: 30px;
    --p-badge-h: 22px;
    --p-shadow: 0 1px 2px rgba(3, 24, 43, .025);
    --p-shadow-float: 0 18px 48px rgba(3, 24, 43, .16), 0 0 0 1px rgba(3, 24, 43, .06);

    /* ——— Koyu mod — marka katmanı ——— */
    --p-dark-ink: #f3f6fc;
    --p-dark-canvas: #06111c;
    --p-dark-surface: #0d1b2a;
    --p-dark-surface-soft: #142232;
    --p-dark-muted: #a7b4c6;
    --p-dark-soft: #748398;
    --p-dark-border: #203144;
    --p-dark-border-strong: #2f425a;

    /* ——— Filament ölçeği — primary ——— */
    --p-primary-50: #fef1ed;
    --p-primary-100: #ffe1d8;
    --p-primary-200: #fdc5b3;
    --p-primary-300: #f59678;
    --p-primary-400: #ee6639;
    --p-primary-500: #c94b20;
    --p-primary-600: #a33302;
    --p-primary-700: #9f3100;
    --p-primary-800: #832600;
    --p-primary-900: #6d2205;
    --p-primary-950: #410f00;

    /* ——— Filament ölçeği — gray ——— */
    --p-gray-50: #f5f8fb;
    --p-gray-100: #f1f4f8;
    --p-gray-200: #e2e8f0;
    --p-gray-300: #8b929c;
    --p-gray-400: #627183;
    --p-gray-500: #5c7086;
    --p-gray-600: #46566b;
    --p-gray-700: #2e4055;
    --p-gray-800: #1a2b3e;
    --p-gray-900: #0f2134;
    --p-gray-950: #03182b;

    /* ——— Filament ölçeği — success ——— */
    --p-success-50: #e8f8f4;
    --p-success-100: #d2f0e9;
    --p-success-200: #a7e0d5;
    --p-success-300: #6ecbbd;
    --p-success-400: #32b39f;
    --p-success-500: #0fa088;
    --p-success-600: #0b7f6d;
    --p-success-700: #0c6558;
    --p-success-800: #035147;
    --p-success-900: #04433c;
    --p-success-950: #022622;

    /* ——— Filament ölçeği — danger ——— */
    --p-danger-50: #fdebeb;
    --p-danger-100: #fadada;
    --p-danger-200: #f4b9b9;
    --p-danger-300: #ed8a88;
    --p-danger-400: #df5a57;
    --p-danger-500: #c02c19;
    --p-danger-600: #a82311;
    --p-danger-700: #891e13;
    --p-danger-800: #711c15;
    --p-danger-900: #5e1b16;
    --p-danger-950: #330a07;

    /* ——— Filament ölçeği — warning ——— */
    --p-warning-50: #fdf5df;
    --p-warning-100: #fbeabc;
    --p-warning-200: #f9d689;
    --p-warning-300: #f2bb4b;
    --p-warning-400: #e69e1c;
    --p-warning-500: #cf960e;
    --p-warning-600: #a96f00;
    --p-warning-700: #865304;
    --p-warning-800: #6e420c;
    --p-warning-900: #5c3810;
    --p-warning-950: #341c05;

    /* ——— Filament ölçeği — info ——— */
    --p-info-50: #f1effa;
    --p-info-100: #e4dff6;
    --p-info-200: #cfc6ed;
    --p-info-300: #b0a1e1;
    --p-info-400: #8f7ad4;
    --p-info-500: #6951c6;
    --p-info-600: #553eac;
    --p-info-700: #47358f;
    --p-info-800: #3c2f74;
    --p-info-900: #352a60;
    --p-info-950: #1f1839;

    /* ——— Temel katman — üst akış Tabler yüzeyleri (marka katmanı EZER) ——— */
    --p-base-page: #f0f4f8;
    --p-base-card: #ffffff;
    --p-base-thead: #f7f9fb;
    --p-base-hover: #f5f7fa;
    --p-base-border: #e5e6e8;
    --p-base-border-strong: #d6dbe3;
    --p-base-input-bg: #ffffff;
    --p-base-text: #1c2134;
    --p-base-muted: #68728a;
    --p-base-shadow: 0 1px 2px 0 rgba(14, 39, 45, .04);
    --p-base-shadow-sm: 0 1px 1px 0 rgba(14, 39, 45, .04);
    --p-base-shadow-lg: 0 8px 24px rgba(14, 39, 45, .10);

    /* ——— Temel katman — koyu mod ——— */
    --p-base-dark-page: #1c2134;
    --p-base-dark-card: #1a2333;
    --p-base-dark-thead: rgb(var(--p-on-dark-rgb) / .03);
    --p-base-dark-hover: rgb(var(--p-on-dark-rgb) / .04);
    --p-base-dark-border: #282f41;
    --p-base-dark-border-strong: #313a4f;
    --p-base-dark-input-bg: #1c2134;
    --p-base-dark-text: #ffffff;
    --p-base-dark-muted: #9ca4b5;

    /* ——— Temel katman ölçeği — primary ——— */
    --p-base-primary-50: #eff4fc;
    --p-base-primary-100: #dde6f8;
    --p-base-primary-200: #bccef1;
    --p-base-primary-300: #a2bded;
    --p-base-primary-400: #779de1;
    --p-base-primary-500: #4177d2;
    --p-base-primary-600: #3567c5;
    --p-base-primary-700: #2d57a6;
    --p-base-primary-800: #254888;
    --p-base-primary-900: #1d3a6e;
    --p-base-primary-950: #13264a;

    /* ——— Temel katman ölçeği — gray ——— */
    --p-base-gray-50: #f7f9fb;
    --p-base-gray-100: #f0f4f8;
    --p-base-gray-200: #e5e6e8;
    --p-base-gray-300: #d4d8de;
    --p-base-gray-400: #8c94a6;
    --p-base-gray-500: #68728a;
    --p-base-gray-600: #4e5570;
    --p-base-gray-700: #333b52;
    --p-base-gray-800: #282f41;
    --p-base-gray-900: #1a2333;
    --p-base-gray-950: #1c2134;

    /* ——— Temel katman ölçeği — success ——— */
    --p-base-success-50: #edf9f0;
    --p-base-success-100: #d6f1de;
    --p-base-success-200: #aae4bd;
    --p-base-success-300: #77d496;
    --p-base-success-400: #39c472;
    --p-base-success-500: #02b45a;
    --p-base-success-600: #029b4d;
    --p-base-success-700: #03803f;
    --p-base-success-800: #076834;
    --p-base-success-900: #08552b;
    --p-base-success-950: #013519;

    /* ——— Temel katman ölçeği — danger ——— */
    --p-base-danger-50: #fcf0ef;
    --p-base-danger-100: #f8dad8;
    --p-base-danger-200: #f1b6b0;
    --p-base-danger-300: #ec958d;
    --p-base-danger-400: #e57469;
    --p-base-danger-500: #d63c25;
    --p-base-danger-600: #c03018;
    --p-base-danger-700: #a02815;
    --p-base-danger-800: #842112;
    --p-base-danger-900: #6b1b10;
    --p-base-danger-950: #421009;

    /* ——— Temel katman ölçeği — warning ——— */
    --p-base-warning-50: #fef3e7;
    --p-base-warning-100: #fce5cb;
    --p-base-warning-200: #faca97;
    --p-base-warning-300: #f7aa5f;
    --p-base-warning-400: #f58a24;
    --p-base-warning-500: #ec720d;
    --p-base-warning-600: #d26409;
    --p-base-warning-700: #924500;
    --p-base-warning-800: #8f4407;
    --p-base-warning-900: #743806;
    --p-base-warning-950: #482000;

    /* ——— Temel katman ölçeği — info ——— */
    --p-base-info-50: #eff6fd;
    --p-base-info-100: #dbeafb;
    --p-base-info-200: #b6d5f5;
    --p-base-info-300: #92bff0;
    --p-base-info-400: #6faaea;
    --p-base-info-500: #5196e4;
    --p-base-info-600: #306cba;
    --p-base-info-700: #285b9e;
    --p-base-info-800: #214c81;
    --p-base-info-900: #1b3d69;
    --p-base-info-950: #102843;
}

/* ——— Kontrast (panel:marka-kontrast vidimu) ———
   İstisna YOK: bütün çiftler eşiği geçer (ölçüm dosyanın commit'inde).
*/