/* lanestyle brand: roadstyle's dark slate, with an indigo accent (roadstyle's is orange, mapstyle's teal) */
: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: #3f51b5;
  --md-accent-fg-color--transparent: rgba(63, 81, 181, .1);
  --ls-indigo: #3f51b5;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1422;
  --md-typeset-a-color: #9fa8da;
}
.md-typeset a { color: var(--md-typeset-a-color, #303f9f); }
.md-typeset a:hover { color: var(--ls-indigo); }
.md-tabs { background: #1e293b; }

/* live demo maps */
.md-typeset iframe.ls-demo {
  width: 100%; height: 520px; border: 0; border-radius: 10px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .18); margin: .4em 0 0;
}
.md-typeset .ls-demo-bar { font-size: .8em; text-align: right; margin: .3em 0 1em; }

/* 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(--ls-indigo); }

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