/* Hylo palette, shared with hyloai.github.io: graphite, warm white, one cinnabar accent */
:root, [data-md-color-scheme="default"] {
  --md-primary-fg-color: #171c22;
  --md-primary-fg-color--light: #3a4048;
  --md-primary-fg-color--dark: #0e1115;
  --md-accent-fg-color: #c8442d;
  --md-typeset-a-color: #b23a25;
  --md-default-bg-color: #fbfaf7;
  --hylo-ok: #15803d;
  --hylo-warn: #b45309;
  --hylo-hw: #6d28d9;
  --hylo-figure-bg: #ffffff;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a1d21;
  --md-primary-fg-color--light: #e8664d;
  --md-primary-fg-color--dark: #0e1115;
  --md-accent-fg-color: #e8664d;
  --md-typeset-a-color: #ef7a62;
  --md-default-bg-color: #121416;
  --hylo-ok: #4ade80;
  --hylo-warn: #fbbf24;
  --hylo-hw: #c4b5fd;
  --hylo-figure-bg: #f8fafc;
}
.hylo-badge { font-weight: 600; white-space: nowrap; }
.hylo-ok { color: var(--hylo-ok); }
.hylo-warn { color: var(--hylo-warn); }
.hylo-hw { color: var(--hylo-hw); }

/* diagrams and figures are drawn on white; in dark mode they sit on a light card */
.md-typeset img.hylo-figure, .md-typeset figure img {
  background: var(--hylo-figure-bg);
  border-radius: 6px;
  padding: 6px;
}
.md-typeset figure { margin: 1.5em auto; }
.md-typeset figcaption { max-width: 46rem; font-size: .72rem; color: var(--md-default-fg-color--light); }

/* home page */
.hylo-hero { padding: 1.2rem 0 .4rem; }
.hylo-hero h1 { margin-bottom: .3rem; font-weight: 800; letter-spacing: -.02em; color: var(--md-default-fg-color); }
.md-typeset .md-button--primary { background: #c8442d; border-color: #c8442d; color: #fff; }
.md-typeset .md-button--primary:hover { background: #b23a25; border-color: #b23a25; }
.hylo-hero p.hylo-tagline { font-size: 1.05rem; max-width: 40rem; color: var(--md-default-fg-color--light); }
.md-typeset .grid.cards > ul > li { border-radius: 8px; }
.md-typeset table:not([class]) { font-size: .72rem; }
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: var(--md-primary-fg-color--light);
  border-color: var(--md-primary-fg-color--light);
}