/* Sentinel Sleep brand: navy #1A2C5E and gold #C9A158, exactly as in their logo files. Loaded after aer.css
   and inner.css on every page. Large grounds stay navy or warm paper; gold is spent on buttons, rules and
   small marks. Gold is too light for text on white, so links and small labels use a deep gold. The passport
   stamps keep the inks of Aer's real passports, which dentists still hand out. */
:root {
  --ink: #121a33;
  --ink-2: #4a5068;
  --navy: #1a2c5e;
  --navy-2: #26397a;
  --land: #22356f;
  --blue: #c9a158;
  --blue-d: #b88d42;
  --sky: #c9a158;
  --sky-2: #ecdcb8;
  --cyan: #c9a158;
  --gold-d: #86642a;
  --paper: #f7f4ee;
  --mist: #f2ede2;
  --line: #e3ddd0;
}

/* buttons: gold with navy text */
.btn { color: var(--navy); }
.btn:hover { color: var(--navy); }
.btn-line { color: var(--navy); }
.btn-line:hover { color: #fff; }
.btn-ghost { color: #fff; }
.btn-ghost:hover { color: var(--navy); }
.btn-light:hover { background: var(--sky-2); }

/* text in gold needs the deep gold on light grounds */
a { color: var(--gold-d); }
a:hover { color: var(--navy); }
.glance dt, .glance-h, .pp-label, .pp-n, .pp-card dt, .pp-card-h { color: var(--gold-d); }
.app-list a, .dent-grid a, .devices a, .cards a::after, .ways a::after { color: var(--gold-d); border-color: var(--gold-d); }
.foot a:hover { color: var(--gold-d); }

/* the wordmark's wide-spaced capitals, for small labels */
.crumbs, .menu-h, .foot h2, .side-box h2, .glance-h, .pp-label, .states dt { letter-spacing: .18em; }

/* night grounds: a warm gold glow in place of the sky blue */
.hero::before { background: radial-gradient(70% 90% at 0% 100%, rgba(201,161,88,.16), transparent 60%), radial-gradient(45% 60% at 18% 0%, rgba(38,57,122,.85), transparent 70%); }
.ph::before { background: radial-gradient(60% 120% at 0% 100%, rgba(201,161,88,.14), transparent 60%), radial-gradient(40% 80% at 100% 0%, rgba(38,57,122,.9), transparent 70%); }
.hero h1, .ph h1 { font-weight: 700; letter-spacing: -0.015em; }
.hero h1 .h1-sub { color: #dcbd80; }
.lede { color: #d5d8e4; }
.proof li { border-left-color: rgba(201,161,88,.35); }
.crumbs, .crumbs a { color: #dcbd80; }

/* ticks, bullets, numbers */
.checks li::after { border-color: var(--navy); }
.prose ul:not([class]) li::before { background: var(--sky); }
.prose ol:not([class]) li::before { background: var(--navy); color: #dcbd80; }
.cmp-aer li::before { color: var(--navy); }

/* Aer Centres map on navy, with a gold rim on the Sydney inset */
.map .inset .disc { fill: var(--navy-2); stroke: var(--sky); }
.map .inset .lead { stroke: var(--sky); }
.map .inset-t { fill: #dcbd80; }
.states dt { color: #dcbd80; }
.states div { border-top-color: rgba(201,161,88,.35); }
.link-light:hover { color: #dcbd80; }

/* notes and rules */
.note { border-left-color: var(--sky); }
.dent-grid div, .devices li, .centre-state h3, .med-cost h3 { border-color: var(--navy); }
.side-box { background: var(--paper); }