/* Palletized branding: orange, white, gray */
:root {
  --pz-orange: #F37021;
  --pz-orange-dark: #C9520C;
  --pz-orange-soft: #FEF1E8;
  --pz-gray-900: #1F2933;
  --pz-gray-600: #5F6B7A;
  --pz-gray-200: #E4E7EC;
  --pz-gray-50: #F6F7F9;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: #FFFFFF;
  --md-primary-fg-color--light: #FFFFFF;
  --md-primary-fg-color--dark: var(--pz-gray-50);
  --md-primary-bg-color: var(--pz-gray-900);
  --md-primary-bg-color--light: var(--pz-gray-600);
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--pz-orange);
  --md-accent-fg-color--transparent: rgba(243, 112, 33, .1);
}
[data-md-color-scheme="default"] {
  --md-typeset-a-color: var(--pz-orange-dark);
  --md-default-fg-color: var(--pz-gray-900);
}
[data-md-color-scheme="slate"] {
  --md-hue: 215;
  --md-primary-fg-color: #1A1F27;
  --md-primary-fg-color--dark: #14181F;
  --md-primary-bg-color: #E7EBF0;
  --md-typeset-a-color: #FF9A5C;
  --md-default-bg-color: #14181F;
}

/* Header: white bar with an orange rule, like the preview */
.md-header { border-bottom: 1px solid var(--pz-gray-200); box-shadow: none; }
[data-md-color-scheme="slate"] .md-header { border-color: #2B323D; }
.md-header__title { font-weight: 600; }
.md-header .md-logo .md-icon, .md-header__button.md-logo svg { fill: var(--pz-orange); }
.md-search__form { border-radius: 8px; background: var(--pz-gray-50); border: 1px solid var(--pz-gray-200); }
[data-md-color-scheme="slate"] .md-search__form { background: #222833; border-color: #2B323D; }

/* Left sidebar: light gray panel, orange active item */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { background: var(--pz-gray-50); border-right: 1px solid var(--pz-gray-200); }
  [data-md-color-scheme="slate"] .md-sidebar--primary { background: #1A1F27; border-color: #2B323D; }
}
.md-nav__item--section > .md-nav__link { color: var(--pz-gray-600); font-size: .68rem; font-weight: 600; }
.md-nav__link--active, .md-nav__link--active:hover { color: var(--pz-orange-dark) !important; font-weight: 600; }
[data-md-color-scheme="slate"] .md-nav__link--active { color: #FF9A5C !important; }
.md-nav--secondary .md-nav__link--active { color: var(--pz-orange-dark) !important; }

/* Headings */
.md-typeset h1 { font-weight: 600; color: var(--md-default-fg-color); letter-spacing: -.02em; margin-bottom: .4em; }
.md-typeset h2 { font-weight: 600; letter-spacing: -.01em; }

/* Lead paragraph under the title */
.md-typeset .lead { font-size: 1.1em; color: var(--md-default-fg-color--light); margin-top: 0; }

/* Quick-fact chips */
.md-typeset .facts { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; }
.md-typeset .facts > span { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 8px; padding: .35rem .75rem; font-size: .68rem; color: var(--md-default-fg-color--light); }
.md-typeset .facts > span b { display: block; color: var(--md-default-fg-color); }

/* Numbered steps */
.md-typeset ol.steps { list-style: none; padding-left: 0; margin-left: 0; counter-reset: s; }
.md-typeset ol.steps > li { position: relative; padding-left: 2.4rem; margin-left: 0; margin-bottom: 1rem; }
.md-typeset ol.steps > li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--pz-orange); color: #fff; font-weight: 600; font-size: .7rem; display: grid; place-items: center; }

/* Location code anatomy */
.md-typeset .anatomy { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
.md-typeset .anatomy .card { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 10px; padding: .8rem 1rem; flex: 1 1 14rem; }
.md-typeset .anatomy .card > p:first-child { margin: 0 0 .5rem; font-size: .68rem; color: var(--md-default-fg-color--light); }
.md-typeset .segs { display: flex; flex-wrap: wrap; gap: .25rem; align-items: flex-start; }
.md-typeset .seg { text-align: center; }
.md-typeset .seg code { display: block; font-size: 1rem; padding: .2rem .45rem; background: var(--pz-orange-soft); color: var(--pz-orange-dark); }
[data-md-color-scheme="slate"] .md-typeset .seg code { background: #33231A; color: #FF9A5C; }
.md-typeset .seg.dash code { background: none; color: var(--md-default-fg-color--lighter); padding: .2rem 0; }
.md-typeset .seg small { display: block; font-size: .6rem; color: var(--md-default-fg-color--light); max-width: 5.5rem; margin-top: .25rem; line-height: 1.3; }

/* Status badges */
.md-typeset .badge { display: inline-block; font-size: .62rem; font-weight: 600; padding: .05rem .5rem; border-radius: 999px; white-space: nowrap; }
.md-typeset .badge.ok { background: #E5F4EC; color: #1F8A5B; }
.md-typeset .badge.warn { background: #FFF6E5; color: var(--pz-orange-dark); }
.md-typeset .badge.bad { background: #FDECEA; color: #B42318; }

/* Tables */
.md-typeset table:not([class]) { font-size: .72rem; border-radius: 10px; border: 1px solid var(--pz-gray-200); }
.md-typeset table:not([class]) th { background: var(--pz-gray-50); color: var(--pz-gray-600); font-weight: 600; }
[data-md-color-scheme="slate"] .md-typeset table:not([class]) { border-color: #2B323D; }
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background: #1A1F27; color: #A3AEBB; }

/* Tabs */
.md-typeset .tabbed-labels > label { font-weight: 500; }
.md-typeset .tabbed-set > input:checked + label, .md-typeset .tabbed-labels > label:hover { color: var(--pz-orange-dark); }
.md-typeset .tabbed-labels::before { background: var(--pz-orange); }

/* Admonition "tip" in brand orange */
.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--pz-orange); }
.md-typeset .tip > .admonition-title, .md-typeset .tip > summary { background-color: rgba(243, 112, 33, .1); }
.md-typeset .tip > .admonition-title::before, .md-typeset .tip > summary::before { background-color: var(--pz-orange); }

/* Diagrams sit in a light frame */
.md-typeset .mermaid { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 10px; padding: 1rem; overflow-x: auto; }
.md-typeset figcaption, .md-typeset .caption { font-size: .68rem; color: var(--md-default-fg-color--light); margin-top: -.4rem; }

/* Footer prev/next */
.md-footer { background: var(--pz-gray-900); }
.md-footer__link:hover { color: var(--pz-orange); }

/* Mermaid colors (Material reads these variables) */
:root > * {
  --md-mermaid-node-bg-color: #FEF1E8;
  --md-mermaid-node-fg-color: #1F2933;
  --md-mermaid-edge-color: #8A95A3;
  --md-mermaid-label-bg-color: #FFFFFF;
  --md-mermaid-label-fg-color: #1F2933;
}
[data-md-color-scheme="slate"] > * {
  --md-mermaid-node-bg-color: #33231A;
  --md-mermaid-node-fg-color: #E7EBF0;
  --md-mermaid-edge-color: #7C8796;
  --md-mermaid-label-bg-color: #14181F;
  --md-mermaid-label-fg-color: #E7EBF0;
}