/* Assync original visual identity: dark, technical, minimal, one accent.
   Not derived from any third-party site's colors, logo, or typography. */

:root {
  --md-primary-fg-color: #14171b;
  --md-primary-fg-color--light: #14171b;
  --md-primary-fg-color--dark: #14171b;
  --md-primary-bg-color: #e9e7e2;
  --md-accent-fg-color: #2ab882;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0c0e11;
  --md-default-fg-color: #e9e7e2;
  --md-default-fg-color--light: #b8b6b0;
  --md-default-fg-color--lighter: #7d7b76;
  --md-primary-fg-color: #0c0e11;
  --md-primary-bg-color: #e9e7e2;
  --md-accent-fg-color: #3ddc97;
  --md-typeset-a-color: #3ddc97;
  --md-code-bg-color: #14171b;
  --md-code-fg-color: #d7d5d0;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fbfaf7;
  --md-default-fg-color: #1b1d1f;
  --md-primary-fg-color: #14171b;
  --md-primary-bg-color: #fbfaf7;
  --md-accent-fg-color: #1f9d6d;
  --md-typeset-a-color: #1f9d6d;
}

.md-header {
  box-shadow: none;
  border-bottom: 1px solid rgba(61, 220, 151, 0.15);
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset code {
  border-radius: 4px;
}

/* subtle terminal-inspired accent rule under the hero on the homepage */
.assync-hero {
  border-left: 3px solid var(--md-accent-fg-color);
  padding-left: 1rem;
  margin: 1.5rem 0 2rem;
}

.assync-hero p.tagline {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  color: var(--md-accent-fg-color);
  font-size: 1.05rem;
  margin: 0.25rem 0 0;
}