/* PowerNSE docs — ink + gold, not default Material indigo */

:root {
  --pn-ink: #0b3d3a;
  --pn-ink-deep: #072a28;
  --pn-paper: #f4f7f6;
  --pn-gold: #c4a35a;
  --pn-gold-hot: #d4b56e;
  --pn-mute: #5a6e6c;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--pn-ink);
  --md-primary-fg-color--light: #1a5551;
  --md-primary-fg-color--dark: var(--pn-ink-deep);
  --md-primary-bg-color: #fff;
  --md-accent-fg-color: var(--pn-gold);
  --md-accent-fg-color--transparent: rgba(196, 163, 90, 0.12);
  --md-typeset-a-color: #1a5551;
  --md-default-bg-color: var(--pn-paper);
  --md-code-bg-color: #e7eeec;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1f5c58;
  --md-primary-fg-color--light: #2a716c;
  --md-primary-fg-color--dark: var(--pn-ink-deep);
  --md-accent-fg-color: var(--pn-gold-hot);
  --md-accent-fg-color--transparent: rgba(212, 181, 110, 0.16);
  --md-typeset-a-color: var(--pn-gold-hot);
  --md-default-bg-color: #0e1615;
  --md-code-bg-color: #15201f;
}

.md-header {
  background: linear-gradient(120deg, var(--pn-ink-deep) 0%, var(--pn-ink) 55%, #164f4a 100%);
  box-shadow: none;
}

.md-tabs {
  background: var(--pn-ink-deep);
}

.md-header__title {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h1 {
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.md-typeset h2 {
  font-weight: 650;
  letter-spacing: -0.02em;
  border-bottom: 1px solid color-mix(in srgb, var(--pn-ink) 12%, transparent);
  padding-bottom: 0.25rem;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  border-bottom-color: color-mix(in srgb, var(--pn-gold) 18%, transparent);
}

.md-typeset code {
  font-variant-ligatures: none;
}

/* Home hero */
.pn-hero {
  margin: 0 0 1.75rem;
  padding: 1.75rem 1.5rem 1.5rem;
  border-radius: 1rem;
  background:
    radial-gradient(1200px 400px at 10% -20%, rgba(196, 163, 90, 0.22), transparent 55%),
    linear-gradient(145deg, var(--pn-ink-deep), var(--pn-ink) 45%, #123f3b);
  color: #eef5f4;
  box-shadow: 0 18px 40px rgba(7, 42, 40, 0.28);
}

.pn-hero h1 {
  margin: 0 0 0.55rem;
  color: #fff;
  font-size: clamp(1.85rem, 4vw, 2.55rem);
  border: 0;
}

.pn-hero .pn-tagline {
  margin: 0 0 1.1rem;
  max-width: 38rem;
  font-size: 1.05rem;
  line-height: 1.45;
  color: #c9dbd8;
}

.pn-hero .pn-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
}

.pn-hero .pn-actions a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none !important;
  color: var(--pn-ink-deep) !important;
  background: var(--pn-gold);
}

.pn-hero .pn-actions a.pn-ghost {
  color: #e8f0ef !important;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(232, 240, 239, 0.35);
}

.pn-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.85rem;
  margin: 1.25rem 0 1.75rem;
}

.pn-card {
  padding: 1rem 1.05rem;
  border-radius: 0.75rem;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--pn-ink) 10%, transparent);
}

[data-md-color-scheme="slate"] .pn-card {
  background: #14201e;
  border-color: color-mix(in srgb, var(--pn-gold) 14%, transparent);
}

.pn-card strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--pn-ink);
  font-size: 0.95rem;
}

[data-md-color-scheme="slate"] .pn-card strong {
  color: var(--pn-gold-hot);
}

.pn-card span {
  color: var(--pn-mute);
  font-size: 0.88rem;
  line-height: 1.4;
}

[data-md-color-scheme="slate"] .pn-card span {
  color: #9bb0ad;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--pn-gold);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: color-mix(in srgb, var(--pn-gold) 16%, transparent);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--pn-gold);
}