/* Shared by the Fitnessly pages. Each page sets --ink and --accent and its own brand size. */
@font-face { font-family: "EB Garamond"; src: url("/fonts/EBGaramond-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/Inter-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/Inter-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }

.brand {
  display: inline-flex; align-items: baseline; gap: 10px;
  font-family: "EB Garamond", Georgia, serif; font-weight: 400; line-height: 1;
  color: var(--ink); text-decoration: none;
}
.mark { display: inline-flex; align-items: baseline; }
.mark .dot { width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; background: var(--accent); }