/* hikari colours: cyan #5ad4e6 on #0b0d12 (the SCEPTIC palette). */
:root {
  --md-primary-fg-color: #0b0d12;
  --md-primary-fg-color--light: #11202a;
  --md-primary-fg-color--dark: #07090d;
  --md-accent-fg-color: #5ad4e6;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b0d12;
  --md-default-fg-color--light: #c9d1d9;
  --md-typeset-a-color: #5ad4e6;
  --md-code-bg-color: #11161d;
}
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #0f8fa3;
}
.md-header, .md-tabs { background-color: #07090d; }
.md-typeset h1 { font-weight: 800; letter-spacing: -0.02em; }
.md-typeset .hk-hero { text-align: center; margin: 1rem 0 2rem; }
.md-typeset .hk-hero img { border-radius: 14px; }
.md-typeset .hk-hero h1.hk-title { font-size: 1.9rem; margin: 1.2rem 0 0.4rem; }
.md-typeset .hk-tagline { font-size: 1.15rem; opacity: 0.9; }
.md-typeset .grid.cards img { border-radius: 10px; }
.md-typeset .md-button--primary { background-color: #5ad4e6; border-color: #5ad4e6; color: #0b0d12; }
/* Secondary buttons take Material's primary colour, which is hikari's near-black:
   invisible on the dark scheme. Cyan outline there, ink outline on the light one. */
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) { color: #5ad4e6; border-color: #5ad4e6; }
[data-md-color-scheme="default"] .md-typeset .md-button:not(.md-button--primary) { color: #0b0d12; border-color: #0b0d12; }
.md-typeset .md-button:not(.md-button--primary):hover,
.md-typeset .md-button:not(.md-button--primary):focus { background-color: #5ad4e6; border-color: #5ad4e6; color: #0b0d12; }
.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus { background-color: #8ae4f0; border-color: #8ae4f0; color: #0b0d12; }
/* Material greys out h1; the home title reads better in full ink on both schemes. */
.md-typeset .hk-hero h1.hk-title { color: var(--md-default-fg-color); }