/* roadstyle brand, from the banner: dark slate, orange accent, cyan and yellow highlights */
:root {
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #070a12;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #ff6b35;
  --md-accent-fg-color--transparent: rgba(255, 107, 53, .1);
  --rs-orange: #ff6b35;
  --rs-cyan: #00b8c4;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1422;
  --md-typeset-a-color: #ff9466;
}
.md-typeset a { color: var(--md-typeset-a-color, #d9480f); }
.md-typeset a:hover { color: var(--rs-orange); }
.md-tabs { background: #1e293b; }

/* live demo maps */
.md-typeset iframe.rs-demo {
  width: 100%; height: 480px; border: 0; border-radius: 10px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .18); margin: .4em 0 1em;
}
.md-typeset iframe.rs-demo.tall { height: 640px; }

/* the one-line lead under a page title */
.md-typeset .lead { font-size: 1.12em; color: var(--md-default-fg-color--light); margin-top: -.4em; }

/* cards: a little brand colour on the icon, a lift on hover */
.md-typeset .grid.cards > ul > li { transition: box-shadow .15s, transform .15s; }
.md-typeset .grid.cards > ul > li:hover { transform: translateY(-2px); }
.md-typeset .grid.cards .lg { color: var(--rs-orange); }

/* home hero */
.md-typeset .rs-hero img { border-radius: 12px; box-shadow: 0 4px 22px rgba(0, 0, 0, .22); }