:root {
  --gp-bg: #0F1012;
  --gp-surface: #17181B;
  --gp-line: #26282D;
  --gp-text: #ECEAE4;
  --gp-muted: #8D9097;
  --gp-accent: #FF5A1F;
  --gp-accent-dark: #D9480F;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0F1012;
  --md-default-fg-color: #ECEAE4;
  --md-default-fg-color--light: #ECEAE4;
  --md-default-fg-color--lighter: #8D9097;
  --md-default-fg-color--lightest: #8D9097;
  --md-code-bg-color: #17181B;
  --md-code-fg-color: #ECEAE4;
  --md-typeset-a-color: #FF5A1F;
  --md-accent-fg-color: #FF5A1F;
  --md-accent-fg-color--transparent: rgba(255, 90, 31, 0.12);
  --md-primary-fg-color: #0F1012;
  --md-footer-bg-color: #0B0C0E;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #0B0C0E;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > * {
  background: #17181B;
  border: 1px solid #26282D;
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-typeset .admonition {
  background-color: #17181B;
  border-color: #26282D;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #17181B;
}

[data-md-color-accent="deep-orange"] {
  --md-accent-fg-color: #FF5A1F;
  --md-accent-fg-color--transparent: rgba(255, 90, 31, 0.12);
}

[data-md-color-primary="deep-orange"] {
  --md-primary-fg-color: #FF5A1F;
  --md-primary-fg-color--dark: #D9480F;
}

.md-typeset a {
  color: #FF5A1F;
}

.md-nav__link--active,
.md-nav__link:active {
  color: #FF5A1F;
}

.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

.md-typeset .grid.cards > * .lg {
  color: #FF5A1F;
}

.mdx-container {
  padding-top: 2.5rem;
  padding-bottom: 0;
}

.mdx-hero {
  max-width: 38rem;
}

.mdx-hero__eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #FF5A1F;
  margin: 0 0 0.6rem;
}

.mdx-hero h1 {
  font-size: 2.4rem;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 0.9rem;
}

.mdx-hero .mdx-hl {
  color: #FF5A1F;
}

.mdx-hero__lede {
  font-size: 1.05rem;
  color: var(--md-default-fg-color--light);
  margin: 0 0 1.4rem;
  max-width: 32rem;
}

.mdx-hero__actions .md-button {
  margin-right: 0.6rem;
}

.mdx-hero__actions .md-button--primary {
  background-color: #FF5A1F;
  border-color: #FF5A1F;
}

.md-typeset .grid.cards > * {
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.md-typeset .grid.cards > *:hover,
.md-typeset .grid.cards > *:focus-within {
  border-color: #FF5A1F;
  transform: translateY(-2px);
}

.md-typeset .grid.cards > * hr {
  border-color: var(--md-default-fg-color--lightest);
  opacity: 0.35;
}

.md-footer-meta {
  background-color: #0B0C0E;
}