/* Palette from assets/logo.svg: slate ground, sky blade. Set through
   Material's custom-colour hooks so theme components pick them up. */
:root {
  --triaina-slate-900: #0f172a;
  --triaina-slate-800: #1e293b;
  --triaina-sky: #38bdf8;
  --triaina-sky-deep: #0284c7;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--triaina-slate-900);
  --md-primary-fg-color--light: var(--triaina-slate-800);
  --md-primary-fg-color--dark: var(--triaina-slate-900);
  --md-accent-fg-color: var(--triaina-sky-deep);
  --md-typeset-a-color: var(--triaina-sky-deep);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--triaina-slate-800);
  --md-primary-fg-color--light: var(--triaina-slate-800);
  --md-primary-fg-color--dark: var(--triaina-slate-900);
  --md-accent-fg-color: var(--triaina-sky);
  --md-typeset-a-color: var(--triaina-sky);
}

/* Diagrams carry their own dark background; give them room and a frame. */
.md-typeset figure.diagram img {
  width: 100%;
  max-width: 900px;
  border-radius: 8px;
}
.md-typeset figure.device img {
  max-width: 420px;
}