/* Carvelus brand basics shared by the intake form (public/index.html) and the match page (public/m/index.html).
   Palette + lockup rules: docs/brand/spec.md. Lime is only ever the triangle, checked states and the primary
   button — never text on a light surface (1.87:1). Both pages also load Montserrat from Google Fonts. */
:root {
  --cv-charcoal: #38444B;
  --cv-deep: #2F3A40;      /* page background on the dark match page: a deeper step of the charcoal */
  --cv-slate: #8F9AA1;
  --cv-mist: #DCE2E4;
  --cv-lime: #7ED321;
  --cv-white: #FFFFFF;
  --cv-font: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.cv-header {
  background: var(--cv-charcoal);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.cv-header__in {
  max-width: 1040px; margin: 0 auto; padding: 6px 16px;
  display: flex; align-items: center; justify-content: center;
}
/* The lockups ship with 0.5H of clear space baked into the canvas, so they need no extra padding.
   Phone: horizontal lockup, no tagline (the tagline is below its 40px-H screen minimum at phone width).
   >= 640px: the tagline lockup at its minimum size (canvas 520px wide). */
.cv-lockup { display: block; height: auto; }
.cv-lockup--plain { width: 236px; max-width: 78vw; }
.cv-lockup--tag { display: none; width: 520px; max-width: 100%; margin: -10px 0; }
@media (min-width: 640px) {
  .cv-lockup--plain { display: none; }
  .cv-lockup--tag { display: block; }
}
.cv-sr {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}