/* ==========================================================================
   Puels.legal · Utilities
   Replaces inline-styles across pages for maintainability.
   ========================================================================== */

/* Spacing */
.u-mt-075 { margin-top: 0.75rem; }
.u-mt-100 { margin-top: 1rem; }
.u-mt-125 { margin-top: 1.25rem; }
.u-mt-150 { margin-top: 1.5rem; }
.u-mt-175 { margin-top: 1.75rem; }
.u-mt-200 { margin-top: 2rem; }
.u-mt-300 { margin-top: 3rem; }

.u-mt-fluid-xl { margin-top: clamp(2rem, 4vw, 3rem); }

/* Layout helpers */
.u-row-gap-lg {
  margin-top: 3rem;
  display: grid;
  gap: clamp(3rem, 6vw, 5rem);
}
.u-flex-actions {
  margin-top: 2rem;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.u-flex-inline {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.u-flex-inline-tight {
  display: flex;
  gap: 0.7rem;
}

/* Topbar separators */
.u-sep-dim {
  margin-inline: 0.55rem;
  opacity: 0.4;
}

/* Color tokens */
.u-color-navy   { color: var(--navy); }
.u-color-gold   { color: var(--gold); }
.u-color-gold-soft { color: var(--gold-soft); }
.u-color-alert  { color: var(--alert); }
.u-color-white  { color: #fff; }

/* Heading-shim used in subhero */
.u-subhead-l {
  margin-top: 0.75rem;
  font-size: clamp(1.5rem, 2.5vw, 1.9rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Style="italic" was used loosely — proper italic accent class */
.u-italic { font-style: italic; }