/* Palette from assets/logo.svg: slate ground, amber beam. Set through
   Material's custom-colour hooks so theme components pick them up. */
:root {
  --kf-slate-900: #0f172a;
  --kf-slate-800: #1e293b;
  --kf-amber: #f59e0b;
  --kf-amber-deep: #b45309;
}

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

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