@font-face { font-family: "Plurel Text"; src: url("/brand/plurel/fonts/AlteHaasGroteskRegular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plurel Text"; src: url("/brand/plurel/fonts/AlteHaasGroteskBold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Plurel Editorial"; src: url("/brand/plurel/fonts/newsreader.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Plurel Editorial"; src: url("/brand/plurel/fonts/newsreader-italic.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Plurel Script"; src: url("/brand/plurel/fonts/PinyonScript-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
:root {
  --plurel-orange: #ff5900;
  --plurel-orange-hover: #ff6e21;
  --plurel-sky: #228ad6;
  --plurel-yellow: #fff68f;
  --plurel-canvas: #fffef6;
  --plurel-cream: #fffbde;
  --plurel-paper: #ffffff;
  --plurel-blue-soft: #e4f2fc;
  --plurel-ink: #000000;
  --plurel-muted: #3a3a3a;
  --plurel-blue-ink: #174e75;
  --plurel-border: #d8d4bc;
  --plurel-control-border: #76786d;
  --plurel-track: #eeeddf;
  --plurel-radius-sm: 4px;
  --plurel-radius: 8px;
  --plurel-radius-dialog: 8px;
  --plurel-radius-control: 6px;
  --plurel-radius-action: 6px;
  --plurel-space: 24px;
  --plurel-shadow: none;
  --plurel-shadow-action: 0 3px 0 var(--plurel-ink);
  --plurel-body: "Plurel Text", sans-serif;
  --plurel-display: "Plurel Editorial", serif;
  --plurel-script: "Plurel Script", cursive;
  --plurel-motion: 200ms;
  --plurel-ease: cubic-bezier(.22,.68,.35,1);
}