/* Measured from the original JumpLyfe PSD and website artwork.
   Sources and accessibility adjustments: docs/BRAND-RESTORATION.md. */
@font-face {
  font-family: "Open Sans";
  src: url("/brand/OpenSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/brand/OpenSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/brand/OpenSans-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
:root {
  --brand-primary: #25ad9f;
  --brand-secondary: #1f8a80;
  --brand-accent: #52bdb3;
  --brand-background: #f2f3f5;
  --brand-surface: #ffffff;
  --brand-gray: #6c7d7b;
  --brand-line: #d7d8da;
  --brand-charcoal: #4e4e50;
  --brand-black: #000000;
  /* Accessibility-only shade of historical teal; not a replacement palette. */
  --brand-action: #16766d;
  --text: var(--brand-charcoal);
  --text-muted: var(--brand-charcoal);
  --on-brand: var(--brand-black);
  --surface: var(--brand-surface);
  --background: var(--brand-background);
  --action: var(--brand-action);
  --focus: var(--brand-secondary);
}