/* GraftQL brand palette — see docs/brand.md */
:root {
  --graftql-ink: #0b2e22;
  --graftql-green: #1f9d66;
  --graftql-green-bright: #3dd68c;
  --graftql-bud: #b5e33f;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--graftql-ink);
  --md-primary-fg-color--light: #164a37;
  --md-primary-fg-color--dark: #061a13;
  --md-primary-bg-color: #e6f4ec;
  --md-primary-bg-color--light: #e6f4ecb3;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--graftql-green);
  --md-accent-fg-color--transparent: #1f9d661a;
}

[data-md-color-scheme="default"] {
  --md-typeset-a-color: var(--graftql-green);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d1a15;
  --md-typeset-a-color: var(--graftql-green-bright);
  --md-accent-fg-color: var(--graftql-green-bright);
}

.md-header__button.md-logo img {
  height: 1.6rem;
}

.md-typeset img.graftql-hero {
  margin: 0.5rem 0 1.5rem;
  max-width: min(420px, 100%);
}

.md-typeset h1.graftql-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

[data-md-color-scheme="default"] .only-dark,
[data-md-color-scheme="slate"] .only-light {
  display: none;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}