/* ===================================================================
   LAF EDİTÖR ORTAK KATMANI (tek kaynak).
   Text, Checkbox, Numeric, Date, ... editörleri ve LAF_Button_Simple'ın
   PAYLAŞTIĞI tasarım değişkenleri buradadır.

   Amaç: yükseklik / padding / outline / hover-focus / arka plan / geçiş
   ayarlarını TEK yerden yönetmek. Buradaki bir değeri değiştirince tüm
   editör tipleri birlikte güncellenir.

   index.html'de laf_editor_*_styles.css'lerden ÖNCE bir kez referanslanır.
   NOT: global razor'daki eski tekil "--LAF-editor-padding" tanımını SİL;
        artık padding buradan (y/x) yönetiliyor.
   =================================================================== */

html, body {
    /* ── PADDING & YÜKSEKLİK ─────────────────────────────────────────
       Dikey padding'i değiştirince --LAF-editor-height otomatik yeniden
       hesaplanır. Aşağıdaki y/x değerlerini global razor'daki MEVCUT
       değerlerinle eşitle ki görünüm birebir korunsun. */
    --LAF-editor-padding-y: 8.5px; /* << mevcut dikey padding'in */
    --LAF-editor-padding-x: 14px; /* << mevcut yatay padding'in */
    --LAF-editor-padding: var(--LAF-editor-padding-y) var(--LAF-editor-padding-x);
    /* Tek satırlık içerik kutusu (font 0.875rem * line-height 1.4375 ≈ 20px) */
    --LAF-editor-content-height: 17px;
    /* ORTAK YÜKSEKLİK — Image, MultiLine, BinaryFile HARİÇ tüm editörler bunu kullanır */
    --LAF-editor-height: calc(var(--LAF-editor-content-height) + (var(--LAF-editor-padding-y) * 2));
    /* ── OUTLINE (fieldset border overlay) ──────────────────────────── */
    --LAF-editor-radius: var(--LAF-default-border-radius);
    --LAF-editor-bg: var(--LAF-default-editor-background, var(--LAF-palette-surface));
    --LAF-editor-inset: var(--LAF-default-editor-inset, none);
    --LAF-editor-transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
    /* normal (gizli) */
    --LAF-editor-outline-width: 0px;
    --LAF-editor-outline-color: transparent;
    /* hover */
    --LAF-editor-outline-width-hover: 1px;
    --LAF-editor-outline-color-hover: rgba(var(--LAF-palette-primary-rgb),0.7);
    /* focus */
    --LAF-editor-outline-width-focus: 1px;
    --LAF-editor-outline-color-focus: var(--LAF-palette-primary);
    /* Floating label'ın outlined dinlenme konumu (padding'e göre ince ayar) */
    --LAF-editor-label-rest-y: 8px;
    --LAF-editor-border-overhang-top: 4px;
}