/* ThrowSage brand tokens — dashboard palette and typography. */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
  --md-primary-fg-color:        #080808;
  --md-primary-fg-color--light: #222120;
  --md-primary-fg-color--dark:  #000000;
  --md-accent-fg-color:         #00B4D8;
  --md-accent-fg-color--transparent: rgba(0, 180, 216, 0.10);
}

[data-md-color-scheme="slate"] {
  --md-hue: 200;
  --md-default-bg-color:   #080808;
  --md-default-fg-color:   #dedad3;
  --md-typeset-a-color:    #00B4D8;
  --md-code-bg-color:      #0b0b0b;
}

[data-md-color-scheme="default"] {
  --md-typeset-a-color: #0086a3;
}

.md-typeset h1,
.md-typeset h2 {
  font-family: 'Bebas Neue', Impact, sans-serif;
  letter-spacing: 0.02em;
  font-weight: 400;
}

/* Screenshots: full-bleed inside the content column, with a hairline so a dark
   dashboard capture does not bleed into a dark page background. */
.md-typeset img.screenshot {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 3px;
}