/* LF153 UX KIT OFFICIEL v1.0.0 — FROZEN AUTHORITY
 * Scope: public LF153 UI. Visual authority: validated 2026 kit.
 * Principle: tactile relief = gradients + bevel + inset highlights; no large rear drop shadows.
 */
:root{
 --lf153-pink:#ff2d7a;--lf153-pink-dark:#d9185d;--lf153-pink-soft:#fff0f6;
 --lf153-blue:#286cbd;--lf153-blue-dark:#15539a;--lf153-blue-soft:#eef6ff;
 --lf153-ink:#0f172a;--lf153-muted:#667085;--lf153-border:#e5e7eb;
 --lf153-bg:#f8fafc;--lf153-surface:#fff;--lf153-surface-raised:#f2f4f8;
 --lf153-success:#10b981;--lf153-warning:#f59e0b;--lf153-error:#ef4444;
 --lf153-r-sm:8px;--lf153-r-md:12px;--lf153-r-lg:16px;--lf153-r-pill:999px;
 --lf153-control-h:44px;--lf153-space:8px;
 --lf153-bevel-light:rgba(255,255,255,.92);--lf153-bevel-dark:rgba(15,23,42,.14);
 --lf153-relief:inset 0 1px 0 var(--lf153-bevel-light),inset 0 -2px 3px rgba(15,23,42,.09),0 1px 2px rgba(15,23,42,.08);
 --lf153-relief-strong:inset 0 2px 1px rgba(255,255,255,.48),inset 0 -4px 5px rgba(121,8,51,.23),0 1px 2px rgba(15,23,42,.10);
 --lf153-relief-press:inset 0 3px 6px rgba(15,23,42,.22),inset 0 -1px 0 rgba(255,255,255,.25);
}
/* Global primitives */
.lf153-ui, .lf153-modal, .lf153-card, .lf153-panel{color:var(--lf153-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.lf153-card,.lf153-panel,.lf153-modal{background:linear-gradient(180deg,#fff 0%,#fdfdfd 100%);border:1px solid var(--lf153-border);border-radius:var(--lf153-r-lg);box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(15,23,42,.08)}
.lf153-btn,.lf153-ui button,.lf153-ui input[type=button],.lf153-ui input[type=submit]{min-height:var(--lf153-control-h);border-radius:var(--lf153-r-md);border:1px solid #d8dee8;background:linear-gradient(180deg,#fff 0%,#f1f4f8 100%);color:var(--lf153-ink);font-weight:700;box-shadow:var(--lf153-relief);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.lf153-btn:hover,.lf153-ui button:hover{filter:brightness(1.015);transform:translateY(-1px)}
.lf153-btn:active,.lf153-ui button:active{transform:translateY(1px);box-shadow:var(--lf153-relief-press)}
.lf153-btn--primary,.lf153-ui .is-primary,.lf153-ui [data-variant=primary]{border-color:#e91d68;background:linear-gradient(180deg,#ff4b8d 0%,var(--lf153-pink) 52%,#e91d68 100%);color:#fff;box-shadow:var(--lf153-relief-strong)}
.lf153-btn--blue,.lf153-ui .is-functional{border-color:#1c61ae;background:linear-gradient(180deg,#438de2 0%,var(--lf153-blue) 55%,#1d5ca6 100%);color:#fff;box-shadow:inset 0 2px 1px rgba(255,255,255,.4),inset 0 -4px 5px rgba(8,55,112,.22),0 1px 2px rgba(15,23,42,.1)}
.lf153-icon-btn{width:44px;height:44px;padding:0;display:inline-grid;place-items:center;border-radius:12px}
.lf153-pill,.lf153-filter{min-height:42px;border-radius:var(--lf153-r-pill);border:1px solid #dce2ea;background:linear-gradient(180deg,#fff,#f3f6fa);box-shadow:var(--lf153-relief);display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-weight:650}
.lf153-pill.is-active,.lf153-filter.is-active{border-color:#e91d68;background:linear-gradient(180deg,#ff4b8d,var(--lf153-pink) 55%,#e91d68);color:#fff;box-shadow:var(--lf153-relief-strong)}
.lf153-field,.lf153-ui input:not([type=checkbox]):not([type=radio]),.lf153-ui select,.lf153-ui textarea{border:1px solid #d8dee8;border-radius:10px;background:linear-gradient(180deg,#f8fafc,#fff);box-shadow:inset 0 2px 4px rgba(15,23,42,.07),0 1px 0 #fff;min-height:44px;color:var(--lf153-ink)}
.lf153-field:focus,.lf153-ui input:focus,.lf153-ui select:focus,.lf153-ui textarea:focus{outline:2px solid rgba(40,108,189,.22);outline-offset:1px;border-color:var(--lf153-blue)}
.lf153-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:8px;background:#eef4fb;color:#24364d;font-size:12px;font-weight:650}
.lf153-tabs{display:flex;border-bottom:1px solid var(--lf153-border);gap:24px}.lf153-tab{position:relative;padding:13px 2px;color:#526176;font-weight:650}.lf153-tab.is-active{color:var(--lf153-pink)}.lf153-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--lf153-pink)}
.lf153-modal-backdrop{background:rgba(9,18,32,.56);backdrop-filter:blur(6px)}
.lf153-modal{box-shadow:0 14px 40px rgba(15,23,42,.18),inset 0 1px 0 #fff}
/* Official icon system: line icons only, currentColor, 2px stroke, rounded joins. */
.lf153-icon{width:20px;height:20px;display:inline-block;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Accessibility */
.lf153-ui :focus-visible{outline:3px solid rgba(40,108,189,.35);outline-offset:2px}
@media(max-width:767px){.lf153-modal{border-radius:14px}.lf153-filter{min-height:44px}.lf153-ui button{min-height:44px}}