/* Small brand and readability tweaks on top of Material's defaults. */
:root {
  --md-primary-fg-color: #b5532f;
  --md-primary-fg-color--light: #d0714d;
  --md-primary-fg-color--dark: #8f3f22;
  --md-accent-fg-color: #c4532a;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #8f3f22;
  --md-accent-fg-color: #e0835f;
}
/* Accessible colours. Material sets its palette on <body> (data-md-color-*), so override there, not on :root. */
[data-md-color-scheme="default"][data-md-color-primary] {
  --md-primary-fg-color: #a8432a;          /* header bar: white text 6.0:1 */
  --md-primary-fg-color--dark: #8f3f22;
  --md-typeset-a-color: #a8432a;           /* links on white: 6.0:1 */
  --md-accent-fg-color: #8f3f22;
}
[data-md-color-scheme="slate"][data-md-color-primary] {
  --md-primary-fg-color: #8f3f22;
  --md-typeset-a-color: #f2a07c;
  --md-accent-fg-color: #f2a07c;
}
/* Links inside running text are underlined so they don't rely on colour alone. */
.md-typeset p a, .md-typeset li a, .md-typeset td a { text-decoration: underline; text-underline-offset: .15em; }
.md-typeset .grid.cards a { text-decoration: none; }
/* Code comments and the footer copyright line pass 4.5:1. */
[data-md-color-scheme="default"] .md-typeset .highlight :is(.c, .c1, .cm, .ch, .cs, .cp) { color: #57606a; }
[data-md-color-scheme="slate"] .md-typeset .highlight :is(.c, .c1, .cm, .ch, .cs, .cp) { color: #a3acb9; }
.md-copyright, .md-copyright__highlight { color: #d0d7de; }
.md-typeset table:not([class]) { font-size: .72rem; }
.md-typeset table:not([class]) th { white-space: nowrap; }
.md-typeset blockquote { border-left-color: var(--md-accent-fg-color); }
.app-launch {
  display: inline-block; margin: .4rem 0 1rem; padding: .55rem 1.1rem; border-radius: .3rem;
  background: var(--md-primary-fg-color); color: #fff !important; font-weight: 600;
}
.app-launch:hover { background: var(--md-accent-fg-color); }