/* Les Fleurs · tokens del sistema A1 (estandares v1.1 §3). UNICA fuente de colores, tipos, espacios, forma y movimiento. */
:root{
  /* Color */
  --lf-deep:#0a1a16;--lf-deep-2:#12261f;--lf-green:#1f3a2e;--lf-ink:#1a1a17;
  --lf-paper:#f4ecdc;--lf-ivory:#f6f1e8;--lf-cream:#fbf8ef;--lf-sand:#ece3d4;--lf-white:#fff;
  --lf-gold:#C9A24B;--lf-gold-dark:#6f5522;--lf-yellow:#F6C945;--lf-red:#d63c23;--lf-tile:#efefed;
  --lf-text-soft-on-dark:rgba(244,236,220,.78);--lf-text-soft-on-light:#3b3a33;
  --lf-line-light:rgba(10,26,22,.14);--lf-line-dark:rgba(244,236,220,.16);--lf-line-gold:rgba(201,162,75,.45);
  /* compatibilidad con la cabecera y el pie (nombres anteriores) */
  --lf-deep2:var(--lf-deep-2);

  /* Tipografia */
  --lf-font-head:'Outfit',system-ui,sans-serif;
  --lf-font-body:system-ui,-apple-system,'Segoe UI',sans-serif;
  --lf-fs-display:clamp(40px,5.6vw,80px);
  --lf-fs-h1:clamp(34px,4.6vw,64px);
  --lf-fs-h2:34px;
  --lf-fs-h2-xl:clamp(46px,6vw,88px);
  --lf-fs-h3:clamp(18px,1.6vw,22px);
  --lf-fs-lead:clamp(16px,1.3vw,18px);
  --lf-fs-body:15px;
  --lf-fs-small:13px;
  --lf-fs-label:11.5px;
  --lf-ls-label:.14em;

  /* Espacio (escala de 4 px) */
  --lf-s-1:4px;--lf-s-2:8px;--lf-s-3:12px;--lf-s-4:16px;--lf-s-5:20px;--lf-s-6:24px;
  --lf-s-7:32px;--lf-s-8:40px;--lf-s-9:48px;--lf-s-10:56px;--lf-s-11:72px;--lf-s-12:96px;
  --lf-container:1328px;
  --lf-gutter:20px;
  --lf-section-y:44px;

  /* Forma y profundidad */
  --lf-radius:0;--lf-radius-float:2px;
  --lf-shadow:0 10px 34px rgba(0,0,0,.2);

  /* Movimiento */
  --lf-ease-out:cubic-bezier(.22,.61,.36,1);
  --lf-ease-silk:cubic-bezier(.16,1,.3,1);
  --lf-ease-in-out:cubic-bezier(.65,0,.35,1);
  --lf-dur-1:160ms;--lf-dur-2:280ms;--lf-dur-3:520ms;--lf-dur-4:900ms;
  --lf-stagger:70ms;
  --lf-reveal-y:18px;
}
@media (min-width:600px){:root{--lf-gutter:40px;--lf-section-y:64px}}
@media (min-width:1024px){:root{--lf-gutter:56px;--lf-section-y:clamp(56px,7vw,104px);--lf-fs-h2:clamp(32px,3.1vw,44px)}}
