/* public/css/brands/leaflora.css — LeafLora markası
   ===========================================================================
   Kaynak: leafloraapp.com → src/style.css token'ları. "türetildi" yazan her
   değer o palette YOKTU, buradaki rolü için hesaplandı.

   Kontrast oranları GÖZ KARARI DEĞİL, ölçüm: göreli parlaklık (WCAG 2.x)
   formülüyle hesaplandı ve tests/Feature/LeafloraBrandTest.php'de sınanıyor.
   Yorumlardaki "x.xx:1" o hesabın çıktısıdır.

   🚨 --p-accent değeri config/panel.php → brand.colors.primary ile AYNI olmak
   zorunda. Filament'in --color-* değişkenleri PHP'den üretilir ve bu dosyaya
   HİÇ bakmaz; biri değişip diğeri unutulursa grafik serileri, seçim halkaları
   ve toggle'lar eski markada kalır. Kapısı: BrandColorBindingTest.

   🚨 ÇARPIŞMA KARARI — başarı rengi teal'e kaydırıldı.
   LeafLora'nın birincili yeşil (zeytin), şablonun "başarı" rengi de yeşildi;
   ikisi aynı satırda rozet olarak yan yana gelince ayırt edilemiyordu. Başarı
   ~165° teal'e taşındı (zeytin ~79°, fark 85°). İlk aday #0E8A6B beyazda
   4.32:1 ÖLÇÜLDÜ ve AA sınırını (4.5) geçemedi; #0B7256'ya koyultuldu (5.91:1).

   🚨 accent-alert / accent-deep / accent-tint OLİVE DEĞİL, KIRMIZIDIR.
   Bu üçü ada bakılırsa vurgu ailesinden, ama çekirdek CSS'te yalnız hata
   yüzeylerinde kullanılıyor (ölçüldü: .muzai-fail-error metni,
   .muzai-rule-severity[data-severity='danger'], sağlayıcı çubuğunun
   data-tone='danger' hâli). Referans markada vurgu zaten pembe-kırmızı olduğu
   için ayrım görünmüyordu. Zeytin yeşili bir "hata" metni yanlış anlam taşır;
   bu yüzden değerleri tehlike ailesinden verildi.

   -rgb ikizi: yalnız boşlukla ayrılmış üç 0-255 tam sayı ("31 36 22").
   Virgüllü biçim rgb(var(--p-x-rgb) / a) kalıbında kuralı düşürür. İkizler
   tabanlarının DEĞERİNİ taşır; panel:marka-dogrula bunu denetliyor
   (inconsistentRgb) — hex'i değiştirip ikizi unutmak kapıyı kırar.

   TEMEL KATMAN (--p-base-*, --p-base-dark-*): üst akış Tabler iskeletinin ÖLÜ
   değerleri. panel.css onları marka katmanıyla eziyor, tarayıcıya hiç
   ulaşmıyorlar; sözleşmede zorunlu olmalarının tek sebebi panel.css'te
   tanımsız var() bırakmamak. muzai.css'ten OLDUĞU GİBİ kopyalandı.

   KOYU MOD: panel bugün ->darkMode(false) ile koşuyor, yani --p-dark-* ve
   --p-base-dark-* hiç boyanmıyor. Yine de muzai'nin mor değerleri
   KOPYALANMADI, LeafLora için türetildi: koyu mod açıldığı gün marka zaten
   doğru olsun, "mor panel" sürprizi yaşanmasın. Bedeli 17 satır.
   =========================================================================== */

/* ——— Lufga — marka yazı tipi ———
   @font-face İÇİNDE var() ÇALIŞMAZ (ölçüldü): @font-face bir elemente
   bağlanmadığı için içindeki var() çözülmez, descriptor tümüyle atılır. Bu
   yüzden marka kendi bloklarını KENDİ dosyasına yazar, panel.css'teki MUZAI
   blokları ölü kalır — tarayıcı kullanılmayan bir @font-face için dosya
   indirmez, bedeli sıfırdır.

   ⚠️ Kaynakta yalnız TTF var (leaflora-web/public/fonts), WOFF2 yok. TTF
   ~100 KB/kesit, WOFF2 karşılığı ~%40'ı olurdu. Dönüşüm bu görevin kapsamı
   değil; sunucuya çıkmadan önce yapılacak iş olarak not edildi. */
@font-face {
    font-family: 'Lufga';
    src: url('/fonts/leaflora/LufgaRegular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('/fonts/leaflora/LufgaMedium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('/fonts/leaflora/LufgaSemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('/fonts/leaflora/LufgaBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    /* ——— Marka çekirdeği — yüzeyler, metin, kenarlık ——— */
    --p-ink: #1f2416;                /* beyazda 15.88:1 · canvas üstünde 14.82:1 */
    --p-ink-rgb: 31 36 22;
    --p-ink-hover: #3a4230;          /* web --ink-soft · beyazda 10.49:1 */
    --p-muted: #66705a;              /* beyazda 5.21:1 */
    --p-muted-soft: #6e7862;         /* türetildi — beyazda 4.64:1; 10px meta metni okuyor, AA şart */
    --p-soft: #6a755c;               /* türetildi — beyazda 4.87:1 */
    --p-canvas: #f6f8ef;
    --p-surface: #ffffff;
    --p-surface-soft: #eef3e0;
    --p-surface-softer: #f3f7e9;
    --p-surface-tint: #f9fbf2;       /* türetildi */
    --p-surface-muted: #e7eed6;      /* türetildi */
    --p-surface-plain: #fbfbf8;      /* türetildi */
    --p-border: #dfe6d2;             /* beyazda 1.28:1 — YALNIZ dekoratif ayıraç, girdi sınırı DEĞİL */
    /* Form girdisi sınırı ve kapalı toggle rayı BU tokenı okuyor (ölçüldü:
       --t-border-strong ve .fi-toggle.fi-toggle-off). WCAG 1.4.11 eşiği 3:1;
       referans markanın #d9d6e3'ü 1.4:1'di ve o eşiği geçmiyordu. */
    --p-border-strong: #7e8c63;      /* türetildi — beyazda 3.61:1, canvas üstünde 3.37:1 */
    --p-border-soft: #e9efdd;        /* türetildi */
    --p-border-tint: #f1f5e7;        /* türetildi */
    --p-divider: #c9d4b6;            /* türetildi — ayıraç "/" ve ince çizgiler */
    --p-on-accent: #ffffff;          /* accent üstünde 5.91:1 */
    /* Koyu krom üzerindeki mürekkep. panel.css'teki 31 yarı saydam örtü 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. */
    --p-on-dark: #ffffff;
    --p-on-dark-rgb: 255 255 255;

    /* ——— Vurgu — zeytin ——— */
    --p-accent: #556c22;             /* zeytin — beyazda 5.91:1 */
    --p-accent-rgb: 85 108 34;
    --p-accent-hover: #3f5119;       /* beyazda 8.74:1 */
    --p-accent-soft: #e5f3c8;        /* rozet zemini + odak halkası parıltısı */
    --p-accent-dark: #39461d;        /* türetildi — accent-soft üstünde 8.70:1 (rozet yazısı) */
    /* 🚨 Aşağıdaki dördü kırmızı: hata yüzeylerinde kullanılıyorlar (dosya
       başlığındaki çarpışma notuna bak). */
    --p-accent-deep: #8e1b1b;        /* türetildi — hata metni; beyazda 9.04:1, accent-tint üstünde 7.77:1 */
    --p-accent-alert: #c62828;       /* türetildi — tehlike çubuğu dolgusu; beyazda 5.62:1 */
    --p-accent-alert-deep: #8e1b1b;  /* türetildi — hata sayacı metni; accent-deep ile bilerek aynı */
    --p-accent-tint: #fbeaea;        /* türetildi — "danger" şiddet rozetinin zemini */
    --p-accent-line: #badd6e;        /* türetildi — seçili kart sınırı (primary-300) */
    --p-accent-line-soft: #e3ead2;   /* web --pale-2 */
    --p-accent-tint-soft: #f7fbef;   /* seçili tablo satırı (primary-50) */

    /* ——— Anlamsal ——— */
    /* Başarı = teal. Gerekçe dosya başlığında; birincil yeşille ton farkı 85°. */
    --p-success: #0b7256;            /* beyazda 5.91:1 */
    --p-success-rgb: 11 114 86;
    --p-success-hover: #095c45;      /* türetildi — beyazda 7.99:1 */
    --p-success-soft: #e1f4ef;
    --p-success-text: #0b7256;       /* success-soft üstünde 5.17:1 */
    --p-success-tint: #f4fbf8;       /* türetildi */
    /* Amber YALNIZ DOLGU. Metin olarak beyazda 2.07:1 — AA'nın yarısı bile
       değil. Uyarı yazısı --p-warning-text / --p-warning-ink okur. */
    --p-warning: #e9a919;            /* ink metinle 7.68:1 */
    --p-warning-rgb: 233 169 25;
    --p-warning-soft: #fdeeda;
    --p-warning-text: #7a5504;       /* türetildi — warning-soft üstünde 5.89:1 */
    --p-warning-ink: #5c3f03;        /* türetildi — warning-soft üstünde 8.50:1 */
    --p-warning-icon: #ad7a0b;       /* türetildi — warning-soft üstünde 3.31:1 (ikon, 3:1 eşiği) */
    --p-warning-line: #f7d79a;       /* türetildi */
    --p-warning-tint: #fdf3e2;       /* türetildi */
    --p-warning-tint-soft: #fffaf1;  /* türetildi */
    --p-warning-deep: #6d4a03;       /* türetildi — beyazda 7.98:1 */
    --p-danger: #a90000;             /* beyazda 7.82:1 */
    --p-danger-soft: #f2dddd;
    --p-danger-text: #a90000;        /* danger-soft üstünde 6.01:1 */
    --p-danger-text-rgb: 169 0 0;
    --p-danger-tint: #fdf4f4;        /* türetildi — "zombi" satır zemini */
    --p-danger-tint-hover: #fbebeb;  /* türetildi */
    --p-danger-tint-soft: #fefafa;   /* türetildi — "başarısız" satır zemini */
    --p-danger-tint-warm: #fbf1f1;   /* türetildi */
    --p-info: #1d6fa5;               /* türetildi — beyazda 5.43:1, info-soft üstünde 4.68:1 */
    --p-info-rgb: 29 111 165;
    --p-info-soft: #e3f0fb;
    --p-info-tint: #eaf3fb;          /* türetildi */
    --p-info-deep: #16537d;          /* türetildi — beyazda 8.18:1 */
    --p-link: #1a5f9e;               /* türetildi — beyazda 6.62:1, link-soft üstünde 5.67:1 */
    --p-link-soft: #e4eff8;          /* türetildi */
    --p-link-bright: #3584cd;        /* türetildi — nokta/ikon dolgusu; beyazda 3.94:1 */
    --p-neutral-soft: #f0f5e8;       /* nötr rozet zemini — muted yazıyla 4.70:1 */

    /* ——— Limon — LeafLora'ya özel, sözleşme dışı ———
       🚨 ASLA beyaz üstünde metin değil: 1.79:1. Kenar çubuğunda 6.30:1,
       ink metinli dolgu olarak 8.86:1 — yalnız oralarda serbest.
       Bu kuralı LeafloraBrandTest::test_limon_beyazda_metin_olarak_kullanilamaz
       kanıtlıyor: test geçerse limon metin olarak KULLANILAMAZ demektir. */
    --p-lemon: #a2d13b;

    /* ——— Kenar çubuğu — orman ———
       ink ve muted SABİT renk: ikisi de gerçek metin, oranları ölçüldü.
       icon/hover/active/line yarı saydam beyaz örtü olarak kaldı; onlar krom,
       metin değil, ve zemin koyulaşırsa kendiliğinden uyum sağlarlar. */
    --p-sidebar: #224039;            /* orman — beyaz metin 11.29:1 */
    --p-sidebar-ink: #f0f5e8;        /* sidebar üstünde 10.18:1 */
    --p-sidebar-icon: rgb(var(--p-on-dark-rgb) / .62);
    --p-sidebar-muted: #a3c390;      /* sidebar üstünde 5.79:1 */
    --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);

    /* ——— Örtü ve degrade ——— */
    --p-scrim: #224039;
    --p-scrim-rgb: 34 64 57;
    --p-overlay-deep: #172b26;       /* web --forest-deep */
    --p-overlay-deep-rgb: 23 43 38;
    --p-gradient-from: #556c22;
    --p-gradient-from-rgb: 85 108 34;
    --p-gradient-to: #a2d13b;
    --p-gradient-to-rgb: 162 209 59;

    /* ——— Tipografi ———
       Aile ADI buradan gelir; dosya yolu yukarıdaki @font-face bloklarından.
       Mono için marka dosyası YOK: 'DM Mono' yazmak panel.css'teki ölü
       /fonts/muzai/ yoluna 404 istek çıkarırdı, bu yüzden sistem yığını. */
    --p-font-sans: 'Lufga', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --p-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* ——— Ölçüler ve gölgeler — renk değil, şablonla aynı ——— */
    --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 rgb(var(--p-ink-rgb) / .025);
    --p-shadow-float: 0 18px 48px rgb(var(--p-ink-rgb) / .16), 0 0 0 1px rgb(var(--p-ink-rgb) / .06);

    /* ——— Koyu mod — marka katmanı (bugün KAPALI, LeafLora için türetildi) ——— */
    --p-dark-ink: #f2f6ea;
    --p-dark-canvas: #11160f;
    --p-dark-surface: #1a2117;
    --p-dark-surface-soft: #222b1e;
    --p-dark-muted: #b3bea8;
    --p-dark-soft: #828d78;
    --p-dark-border: #2e3829;
    --p-dark-border-strong: #404c38;

    /* ——— Filament ölçeği — primary ———
       🚨 Zeytin 600 basamağında, limon 400'de. Referans markada vurgu 500'deydi;
       LeafLora'nın zeytini ondan koyu olduğu için ölçek bir basamak kaydı.
       Çekirdek CSS bu ölçeği yalnız Tabler'ın --primary-* zincirine ve koyu
       mod rozetine veriyor — vurgunun kendisi --p-accent'ten okunuyor. */
    --p-primary-50: #f7fbef;
    --p-primary-100: #e5f3c8;
    --p-primary-200: #d4eaa4;
    --p-primary-300: #badd6e;
    --p-primary-400: #a2d13b;
    --p-primary-500: #799d2c;
    --p-primary-600: #556c22;
    --p-primary-700: #3f5119;
    --p-primary-800: #313e16;
    --p-primary-900: #252d13;
    --p-primary-950: #171b0e;

    /* ——— Filament ölçeği — gray (zeytin kırıklı nötr) ——— */
    --p-gray-50: #f7f9f2;
    --p-gray-100: #eef3e0;
    --p-gray-200: #dfe6d2;
    --p-gray-300: #c9d4b6;
    --p-gray-400: #8b9480;
    --p-gray-500: #66705a;
    --p-gray-600: #525c46;
    --p-gray-700: #414a37;
    --p-gray-800: #333a2b;
    --p-gray-900: #272d21;
    --p-gray-950: #1f2416;

    /* ——— Filament ölçeği — success (teal) ——— */
    --p-success-50: #e6f5f0;
    --p-success-100: #c7e9e0;
    --p-success-200: #96d5c5;
    --p-success-300: #5fbda5;
    --p-success-400: #2c9f83;
    --p-success-500: #0b7256;
    --p-success-600: #0a6349;
    --p-success-700: #08513c;
    --p-success-800: #074232;
    --p-success-900: #06362a;
    --p-success-950: #032019;

    /* ——— Filament ölçeği — danger ——— */
    --p-danger-50: #fdecec;
    --p-danger-100: #fad6d6;
    --p-danger-200: #f3b1b1;
    --p-danger-300: #e88080;
    --p-danger-400: #d24a4a;
    --p-danger-500: #a90000;
    --p-danger-600: #960000;
    --p-danger-700: #7c0202;
    --p-danger-800: #660505;
    --p-danger-900: #560707;
    --p-danger-950: #2f0202;

    /* ——— Filament ölçeği — warning ———
       --p-warning-500-rgb ikizi --p-warning-500'ün (--p-warning DEĞİL). */
    --p-warning-500-rgb: 207 144 16;
    --p-warning-50: #fdeeda;
    --p-warning-100: #fbdfb4;
    --p-warning-200: #f8ca80;
    --p-warning-300: #f2b24a;
    --p-warning-400: #e9a919;
    --p-warning-500: #cf9010;
    --p-warning-600: #a8710c;
    --p-warning-700: #85590f;
    --p-warning-800: #6d4a03;
    --p-warning-900: #5a3d0a;
    --p-warning-950: #331f03;

    /* ——— Filament ölçeği — info ———
       --p-info-500-rgb ikizi --p-info-500'ün (--p-info DEĞİL); ikisi burada
       aynı değerde, çünkü ölçeğin 500'ü zaten anlamsal info rengi. */
    --p-info-500-rgb: 29 111 165;
    --p-info-50: #e8f2fa;
    --p-info-100: #cfe4f4;
    --p-info-200: #a3cbe9;
    --p-info-300: #6dabd8;
    --p-info-400: #3a8bc3;
    --p-info-500: #1d6fa5;
    --p-info-600: #185c89;
    --p-info-700: #154e73;
    --p-info-800: #13415f;
    --p-info-900: #11364e;
    --p-info-950: #0a2131;

    /* ——— Temel katman — üst akış Tabler yüzeyleri (marka katmanı EZER) ———
       Buradan aşağısı muzai.css'ten OLDUĞU GİBİ kopyalandı: bu değerler
       tarayıcıya hiç ulaşmıyor, markalanmaları anlamsız olurdu. */
    --p-base-page: #f1f5f9;
    --p-base-card: #ffffff;
    --p-base-thead: #f8fafc;
    --p-base-hover: #f6f8fb;
    --p-base-border: #e6e7e9;
    --p-base-border-strong: #d5dbe3;
    --p-base-input-bg: #ffffff;
    --p-base-text: #1a2234;
    --p-base-muted: #66738a;
    --p-base-shadow: 0 1px 2px 0 rgba(24, 36, 51, .04);
    --p-base-shadow-sm: 0 1px 1px 0 rgba(24, 36, 51, .04);
    --p-base-shadow-lg: 0 8px 24px rgba(24, 36, 51, .10);

    /* ——— Temel katman — koyu mod ——— */
    --p-base-dark-page: #1a2234;
    --p-base-dark-card: #182433;
    --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: #263041;
    --p-base-dark-border-strong: #2f3b4f;
    --p-base-dark-input-bg: #1a2234;
    --p-base-dark-text: #ffffff;
    --p-base-dark-muted: #9aa5b5;

    /* ——— Temel katman ölçeği — primary ——— */
    --p-base-primary-50: #eef4fc;
    --p-base-primary-100: #dbe7f8;
    --p-base-primary-200: #b8cff1;
    --p-base-primary-300: #9dbfec;
    --p-base-primary-400: #6ea0e0;
    --p-base-primary-500: #2f7ad0;
    --p-base-primary-600: #206bc4;
    --p-base-primary-700: #1b5aa5;
    --p-base-primary-800: #174a87;
    --p-base-primary-900: #133c6d;
    --p-base-primary-950: #0c2749;

    /* ——— Temel katman ölçeği — gray ——— */
    --p-base-gray-50: #f8fafc;
    --p-base-gray-100: #f1f5f9;
    --p-base-gray-200: #e6e7e9;
    --p-base-gray-300: #d3d8de;
    --p-base-gray-400: #8a95a6;
    --p-base-gray-500: #66738a;
    --p-base-gray-600: #4b5670;
    --p-base-gray-700: #313c52;
    --p-base-gray-800: #263041;
    --p-base-gray-900: #182433;
    --p-base-gray-950: #1a2234;

    /* ——— Temel katman ölçeği — success ——— */
    --p-base-success-50: #eef9ef;
    --p-base-success-100: #d8f1db;
    --p-base-success-200: #b0e3b7;
    --p-base-success-300: #82d38d;
    --p-base-success-400: #52c264;
    --p-base-success-500: #2fb344;
    --p-base-success-600: #279a3a;
    --p-base-success-700: #1f7f30;
    --p-base-success-800: #1a6828;
    --p-base-success-900: #155521;
    --p-base-success-950: #0b3414;

    /* ——— Temel katman ölçeği — danger ——— */
    --p-base-danger-50: #fcf0f0;
    --p-base-danger-100: #f8dada;
    --p-base-danger-200: #f1b5b5;
    --p-base-danger-300: #ec9494;
    --p-base-danger-400: #e57373;
    --p-base-danger-500: #d63939;
    --p-base-danger-600: #c02d2d;
    --p-base-danger-700: #a02626;
    --p-base-danger-800: #841f1f;
    --p-base-danger-900: #6b1a1a;
    --p-base-danger-950: #420f0f;

    /* ——— Temel katman ölçeği — warning ——— */
    --p-base-warning-50: #fff3e8;
    --p-base-warning-100: #fee4cc;
    --p-base-warning-200: #fdc89a;
    --p-base-warning-300: #fba766;
    --p-base-warning-400: #f98636;
    --p-base-warning-500: #f76707;
    --p-base-warning-600: #dc5a05;
    --p-base-warning-700: #97400a;
    --p-base-warning-800: #963d04;
    --p-base-warning-900: #7a3204;
    --p-base-warning-950: #4b1e02;

    /* ——— Temel katman ölçeği — info ——— */
    --p-base-info-50: #eef6fd;
    --p-base-info-100: #d9ebfa;
    --p-base-info-200: #b3d6f4;
    --p-base-info-300: #8cc1ee;
    --p-base-info-400: #66ade8;
    --p-base-info-500: #4299e1;
    --p-base-info-600: #1b6fb8;
    --p-base-info-700: #175e9c;
    --p-base-info-800: #144e80;
    --p-base-info-900: #113f68;
    --p-base-info-950: #0b2942;
}