/**
 * arewel branding — you·arewel·com lockup + footer signature.
 *
 * Additive only: every selector below is new (arewel-*, prefixed to avoid
 * collisions). No existing selector in redesign.css is touched. Loaded only
 * when the redesign templates are active (see yawc_redesign_enqueue_assets()
 * in functions.php), since that's the only place these classes are printed.
 *
 * Contrast note: the design-system token --arewel-accent (#C74534) measures
 * ~4.16:1 against the page's --paper background — enough for large text
 * (>=24px, the footer lockup) but short of the 4.5:1 AA target for the
 * small topbar instance. The topbar "you" is rendered in ink instead of
 * accent for that reason; --arewel-mute (#6B7280) has the same shortfall
 * at small sizes, so the footer tagline instead inherits the page's
 * existing --ink-3, which already passes (~5.2:1).
 */

.arewel-lockup{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-weight:500;
  letter-spacing:-0.02em;
  text-transform:none;
  display:inline-flex;
  align-items:baseline;
  color:#0F172A;
}

.arewel-dot{
  display:inline-block;
  width:.42em;
  height:.42em;
  border-radius:50%;
  background:#C74534;
  margin:0 .32em;
  transform:translateY(-.02em);
}
.arewel-dot--ok{background:#0E9F6E}

/* Topbar instance: small, inline with the status line. "you" stays ink
   (not accent) to clear 4.5:1 contrast at this size. */
.arewel-lockup--topbar{
  font-size:12px;
}
.arewel-lockup--topbar .arewel-prefix{color:#0F172A}

/* Footer instance: 24px per spec — large-text contrast rules apply, so
   accent is safe here. */
.arewel-lockup--footer{
  font-size:24px;
}
.arewel-lockup--footer .arewel-prefix{color:#C74534}

.arewel-footer-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.arewel-signature{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.arewel-tagline{
  text-transform:none;
  display:inline-flex;
  align-items:center;
}

@media (max-width:640px){
  .arewel-footer-right{align-items:flex-start}
  .arewel-signature{justify-content:flex-start}
}