/**
 * Logbaza design tokens — single source of truth for form chrome.
 * Consumed by:
 *   - forms.css (custom HTML inputs via .lb-* classes)
 *   - filament-shared.css (Filament .fi-* widgets)
 *
 * Both renderer paths read these tokens. To change form appearance
 * site-wide, edit one variable here. The renderers stay decoupled.
 */

:root {
    /* INPUT / SELECT / TEXTAREA */
    --lb-input-h:           44px;
    --lb-input-radius:      8px;
    --lb-input-border-w:    1px;
    --lb-input-border-c:    #94A0A3;        /* 3.1:1 vs white, ADA 1.4.11 */
    --lb-input-border-hover: #525556;
    --lb-input-bg:          #FFFFFF;
    --lb-input-bg-disabled: #F0F0F0;
    --lb-input-bg-readonly: #FAFAFA;
    --lb-input-color:       #0D2338;        /* 18:1 vs white, ADA 1.4.3 */
    --lb-input-color-muted: #6A7675;        /* 4.7:1 vs white */
    --lb-input-padding-x:   14px;
    --lb-input-padding-y:   10px;
    --lb-input-font-size-mobile: 16px;      /* prevents iOS zoom on focus */
    --lb-input-font-size:   14px;
    --lb-input-line-height: 1.4;

    /* LABEL */
    --lb-label-size:        14px;
    --lb-label-weight:      600;
    --lb-label-color:       #0D2338;
    --lb-label-mb:          6px;

    /* HELPER TEXT */
    --lb-helper-size:       13px;
    --lb-helper-color:      #525556;        /* 7:1 vs white */
    --lb-helper-mt:         6px;
    --lb-helper-line-height: 1.5;

    /* FOCUS — single visible indicator (border + soft halo, no outline) */
    --lb-focus-color:       #2C8E2B;        /* mantis-600, 5.0:1 vs white */
    --lb-focus-ring:        0 0 0 3px rgba(44, 142, 43, 0.18);

    /* ERROR */
    --lb-error-color:       #B91C1C;
    --lb-error-ring:        0 0 0 3px rgba(185, 28, 28, 0.18);

    /* CHECKBOX / RADIO */
    --lb-control-size:      18px;
    --lb-control-checked:   #2C8E2B;

    /* TRANSITION */
    --lb-transition:        border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;

    /* CARD ELEVATION — single shadow value used by every surface across
       the site (panel .fi-section, .fi-simple-main, public .bg-white
       cards). Edit here to change site-wide. Two-stop: hairline contact
       + diffuse depth. */
    --lb-shadow-card:
        0 1px 2px rgba(13, 35, 56, 0.04),
        0 8px 24px -12px rgba(13, 35, 56, 0.06);
}

/* Site-wide card surface — unified visual language across public,
   panel, and auth pages. Any element using the public white-card
   idiom inherits the same border/radius/shadow as .fi-simple-main
   and .fi-section. Edit --lb-shadow-card or these properties to
   adjust every card on the site at once. */
.bg-white.border.border-line_light.rounded-\[12px\],
.bg-white.border.border-line_light.rounded-\[16px\] {
    border-color: rgba(226, 232, 240, 0.6) !important;
    border-radius: 16px !important;
    box-shadow: var(--lb-shadow-card);
}