/* Inter font, shipped with the site (SIL Open Font License, see /fonts/inter/LICENSE.txt).
   Apple devices use Apple's own font; everything else uses Inter, its closest match. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/inter/inter-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/inter/inter-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* CoverMe shared theme
   One source for colors and type across the bar (CoverMe Manager),
   fraternity and ticketing dashboards. Values come from the CM Manager iOS app.
   Each dashboard maps its own variables to these. */
:root {
  color-scheme: dark;
  --cm-page: #0c0c0c;
  --cm-card: #1e1e1e;
  --cm-raised: #2e2e2e;
  --cm-tabbar: #2c2c2c;
  --cm-line: rgb(255 255 255 / 7%);
  --cm-line-strong: rgb(255 255 255 / 12%);
  --cm-text: #ffffff;
  --cm-muted: #b8b8b8;
  --cm-quiet: #a3a3a3;
  --cm-accent: #c951f3;
  --cm-accent-hover: #d470f6;
  --cm-accent-soft: #2b1731;
  --cm-accent-tile: #37273f;
  --cm-accent-line: rgb(201 81 243 / 45%);
  --cm-accent-glow: rgb(201 81 243 / 35%);
  --cm-on-accent: #ffffff;
  --cm-green: #5fd36a;
  --cm-green-soft: #29412c;
  --cm-gray-badge: #313132;
  --cm-amber: #f0c56b;
  --cm-red: #ff8a8a;
  --cm-track: #3d3d40;
  --cm-radius-card: 20px;
  --cm-radius-control: 16px;
  --cm-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Helvetica Neue", "Segoe UI", sans-serif;
}
/* Default all text to white so nothing falls back to black */
html, body { background: var(--cm-page); color: var(--cm-text); font-family: var(--cm-font); }
/* Always reserve scrollbar space so pages don't shift sideways on Windows
   when switching between long and short content */
html { scrollbar-gutter: stable; }
/* CoverMe Dashboard logo (images/coverme-dashboard-logo.png) in place of the typed wordmark */
.brand, .wordmark {
  display: inline-block; width: 150px; height: 48px; overflow: hidden;
  background: url("/images/coverme-dashboard-logo.png") left center / contain no-repeat;
  color: transparent !important; font-size: 0 !important; text-decoration: none;
}
.brand span, .wordmark span { color: transparent !important; }
/* Phone headers: the logo is the same size on every dashboard */
@media (max-width: 759px) {
  .topbar .brand, .topbar .wordmark, .mobile-wordmark { width: 140px !important; height: 36px !important; }
  .mobile-brand img { width: 140px !important; height: auto; }
}
/* Sign-in screens: a little bigger */
.sign-in-card > .wordmark, .auth-boot .sign-in-card > .wordmark, .state-screen .brand { width: 200px; height: 50px; }