/* My Olympic -- The Olympic's brand (Brand Guide 2026), laid over portal.css.
   Black and white carry the design; Olympic red (#BF1E2D, the logo's own red) is the
   accent, used sparingly; Mid Blue #294065 and Dark Blue #192337 are the secondary colours.
   Headings Montserrat Bold (the guide's web stand-in for Arboria), body Open Sans (for
   Circe). Loaded only on my.ideal-olympic.com (venues.OLYMPIC.css). */
:root {
  --accent: #BF1E2D;
  --accent-ink: #FFFFFF;
  --navy: #294065;
  --navy-dark: #192337;
  --line: #E3E4E7;
  --wash: #F5F6F8;
}
body { font: 400 16px/1.6 "Open Sans", system-ui, sans-serif; }
h1, h2, h3, .event .ev-title, .evtitle, .pbar-ev, .invoice .amt, .paybanner .cta, .evdate {
  font-family: "Montserrat", system-ui, sans-serif; font-weight: 700; letter-spacing: .01em; }
h2 { color: var(--navy); }
.btn { font-family: "Montserrat", system-ui, sans-serif; font-weight: 700; letter-spacing: .04em; }
input[type=email], input[type=password], input[type=text], input[type=tel], input:not([type]),
textarea.inp, select.inp { font-family: "Open Sans", system-ui, sans-serif; }

/* The rule under the header is Mid Blue; the red stays for the one call to action. */
.top { border-bottom-color: var(--navy); }
.brand img { height: 48px; }
.nav a[aria-current="page"] { color: var(--navy); border-bottom-color: var(--navy); }

/* The planner's bar and its menu wear the Dark Blue. */
body.planner { --rail: var(--wash); --panel: var(--wash); --notice: #EEF0F4; --rail-on: var(--navy-dark);
  --title-font: "Montserrat", system-ui, sans-serif; }
.pbar { background: var(--navy-dark); }
.pbar .brand img { height: 34px; }
.card.rules { border-left: 3px solid var(--navy); }
.eyebrow { color: var(--navy); }
.progress .bar > div { background: var(--navy); }