/**
 * @file 05-utilities.css
 * @project Nails-Manucure-v1
 * @description Classes utilitaires ponctuelles (one-shot).
 * @version 1.0.0
 * @standards CSS Living Standard, WCAG 2.2
 * @updated 2026-04-26
 */

/* ═══════════════════════════════════════
   LAYOUT UTILS
═══════════════════════════════════════ */

.u-justify-center {
  justify-content: center;
}

.u-justify-end {
  justify-content: flex-end;
}

.u-flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.u-flex-between-end : mb-8 {
  margin-bottom: 8px;
}

.u-relative {
  position: relative;
}

.u-z-2 {
  z-index: 2;
}

.u-maxw-540 {
  max-width: 540px;
}

.u-maxw-560 {
  max-width: 560px;
}

.u-mt-16 {
  margin-top: 16px;
}

.u-mt-28 {
  margin-top: 28px;
}

/* ═══════════════════════════════════════
   COLOR UTILS
═══════════════════════════════════════ */

.u-color-rose-light {
  color: var(--rose-light);
}

.u-color-berry {
  color: var(--berry);
}

.u-color-champagne-l {
  color: var(--champagne-l);
}

/* ═══════════════════════════════════════
   BACKGROUNDS UTILS
═══════════════════════════════════════ */

.u-bg-rose-deep {
  background: var(--rose-deep);
}

.u-bg-berry {
  background: var(--berry);
}

.u-bg-champagne {
  background: var(--champagne);
}

.u-bg-champagne-l {
  background: var(--champagne-l);
}

/* ═══════════════════════════════════════
   SMALL COMPONENT UTILITIES
═══════════════════════════════════════ */

.u-divider-vert-36 {
  width: 1px;
  height: 36px;
  background: var(--ivory-dark);
}

.u-inline {
  display: inline-block;
}