/* Spectral, from BRAND.md, as the theme's own variables and nothing else: the
   look is Zensical's, the colours are ours. `default` is the light scheme and
   `slate` the dark one. Each selector also names the primary attribute: the
   theme sets the dark scheme's link colour on scheme and primary together,
   and a selector with one attribute fewer loses to it however late it loads. */

[data-md-color-scheme="default"][data-md-color-primary] {
  --md-default-bg-color: #FBF7EF;
  --md-default-fg-color: #2E3A3D;
  --md-default-fg-color--light: #5F6763;
  --md-code-bg-color: #F2ECE0;
  --md-primary-fg-color: #0B6A5C;
  --md-primary-fg-color--light: #3E8C80;
  --md-primary-fg-color--dark: #08554A;
  --md-accent-fg-color: #0B6A5C;
  --md-accent-fg-color--transparent: rgba(11, 106, 92, 0.1);
  --md-typeset-a-color: #0B6A5C;
}

[data-md-color-scheme="slate"][data-md-color-primary] {
  --md-default-bg-color: #1A2023;
  --md-default-fg-color: #D9D3C7;
  --md-default-fg-color--light: #8A9391;
  --md-code-bg-color: #232B2F;
  --md-primary-fg-color: #5FD3BC;
  --md-primary-fg-color--light: #8DE0CF;
  --md-primary-fg-color--dark: #3FB39C;
  --md-accent-fg-color: #5FD3BC;
  --md-accent-fg-color--transparent: rgba(95, 211, 188, 0.1);
  --md-typeset-a-color: #5FD3BC;
}