/* Craft Planner theme: Oxidised Bronze Temple.
   Generated by tools/gen_themes.py. A layer on top of extra.css, scoped to html[data-cp-theme="oxidised-bronze-temple"].
   Sunken jungle temple: dark stone, bronze fittings, verdigris teal glow, plaque cards with a teal underline.
   Source of the values: design/design-selections/stitch-2026-10-16, design system "Oxidised Bronze Temple".
   Dark scheme is native. The picture stays fixed behind the page while it scrolls (jungle temple with the anvil).
   No figure, price or count of the design pictures is copied. Numbers come from our own server only. */

html[data-cp-theme="oxidised-bronze-temple"] {
  --cp-font-serif: "Noto Serif", "Cambria", "Georgia", "Times New Roman", serif;
  --cp-font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --cp-font-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", "Courier New", monospace;
  --cp-font: var(--cp-font-sans);
  --cp-font-display: var(--cp-font-serif);
  --cp-radius: 6px;
  --cp-radius-sm: 4px;
  background-color: #151310;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] {
  --cp-amber: #2dd4bf;
  --cp-amber-hi: #57f1db;
  --cp-amber-lo: #d97707;
  --cp-amber-ink: #00201c;
  --cp-night: #100e0b;
  --cp-night-2: #1d1b18;
  --cp-night-3: #2c2a26;
  --cp-snow: #e8e1dc;
  --md-default-bg-color: #151310;
  --md-default-fg-color: #e8e1dc;
  --md-default-fg-color--light: rgba(232, 225, 220, 0.78);
  --md-default-fg-color--lighter: rgba(232, 225, 220, 0.5);
  --md-default-fg-color--lightest: rgba(232, 225, 220, 0.12);
  --md-code-bg-color: #2c2a26;
  --md-primary-fg-color: #100e0b;
  --md-primary-fg-color--light: #1d1b18;
  --md-primary-fg-color--dark: #100e0b;
  --md-footer-bg-color: #100e0b;
  --md-footer-bg-color--dark: #100e0b;
  --md-accent-fg-color: #57f1db;
  --md-accent-fg-color--transparent: rgba(45, 212, 191, 0.14);
  --md-typeset-a-color: #57f1db;
  --cp-surface: #1d1b18;
  --cp-surface-2: #2c2a26;
  --cp-line: rgba(60, 74, 70, 0.55);
  --cp-line-strong: rgba(45, 212, 191, 0.7);
  --cp-text-soft: rgba(232, 225, 220, 0.76);
  --cp-accent-text: #57f1db;
  --cp-accent-tint: rgba(45, 212, 191, 0.1);
  --cp-accent-line: rgba(45, 212, 191, 0.6);
  --cp-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.9);
  --cp-shadow-sm: 0 8px 24px -4px rgba(0, 0, 0, 0.75);
  --cp-focus: #2dd4bf;
}
/* The light scheme keeps the theme accent and radius, on the common light surfaces. */
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] {
  --cp-amber: #d97707;
  --cp-amber-hi: #2dd4bf;
  --cp-amber-lo: #d97707;
  --md-accent-fg-color: #d97707;
  --md-typeset-a-color: #d97707;
  --cp-accent-text: #d97707;
  --cp-focus: #d97707;
}

/* ---------- Type ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h1,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h3,
html[data-cp-theme="oxidised-bronze-temple"] .md-header__title,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero h1 {
  font-family: var(--cp-font-serif);
  letter-spacing: 0.03em;
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h1,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero h1 {
  text-transform: uppercase;
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h1,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2 {
  text-align: left;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] .md-typeset h1,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #f3ece6;
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2 { padding-left: 0.8rem; border-left: 4px solid #2dd4bf; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2::before,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset h2::after { content: none; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero h1 {
  font-weight: 700;
  line-height: 1.12;
  color: #f3ece6;
  text-shadow: 0 0 28px rgba(45, 212, 191, 0.3), 0 2px 14px rgba(0, 0, 0, 0.9);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-kicker,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-tag,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__eyebrow,
html[data-cp-theme="oxidised-bronze-temple"] .cp-stage__label,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset table:not([class]) th {
  font-family: var(--cp-font-serif);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ---------- Header and tabs ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .md-header {
  background: rgba(16, 14, 11, 0.95);
  box-shadow: 0 1px 0 #d97707, 0 2px 0 rgba(16, 14, 11, 1);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-header__button.md-logo { color: #2dd4bf; }
html[data-cp-theme="oxidised-bronze-temple"] .md-header__title { color: #f3ece6; letter-spacing: 0.1em; }
html[data-cp-theme="oxidised-bronze-temple"] .md-tabs { background: #100e0b; box-shadow: 0 1px 0 rgba(60, 74, 70, 0.6); }
html[data-cp-theme="oxidised-bronze-temple"] .md-tabs__link {
  font-family: var(--cp-font-serif);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html[data-cp-theme="oxidised-bronze-temple"] .md-tabs__link::after { height: 2px; border-radius: 0; background: #2dd4bf; }
html[data-cp-theme="oxidised-bronze-temple"] .md-tabs__item--active .md-tabs__link { color: #57f1db; }
html[data-cp-theme="oxidised-bronze-temple"] .md-header a:focus-visible,
html[data-cp-theme="oxidised-bronze-temple"] .md-header button:focus-visible,
html[data-cp-theme="oxidised-bronze-temple"] .md-header label:focus-visible,
html[data-cp-theme="oxidised-bronze-temple"] .md-tabs a:focus-visible,
html[data-cp-theme="oxidised-bronze-temple"] .md-footer a:focus-visible,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero a:focus-visible { outline-color: #2dd4bf; }

/* ---------- Buttons ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button {
  font-size: 0.7rem;
  padding: 0.9em 1.9em;
  border-width: 1px;
  border-radius: 4px;
  
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button--primary,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button--primary {
  background: #2dd4bf;
  border-color: #57f1db;
  color: #00201c;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button--primary:hover,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button--primary:focus,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button--primary:hover,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button--primary:focus {
  background: #57f1db;
  border-color: #57f1db;
  color: #00201c;
  box-shadow: 0 0 18px rgba(45, 212, 191, 0.5);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button:not(.md-button--primary),
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button:not(.md-button--primary) {
  background: rgba(44, 42, 38, 0.85);
  border-color: rgba(60, 74, 70, 0.9);
  color: #e8e1dc;
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero .md-button:not(.md-button--primary):hover,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .md-button:not(.md-button--primary):hover {
  border-color: #2dd4bf;
  color: #f3ece6;
}

/* ---------- Hero ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .cp-hero {
  background:
    radial-gradient(40rem 24rem at 50% -10%, rgba(45, 212, 191, 0.14), transparent 66%),
    linear-gradient(90deg, rgba(16, 14, 11, 0.5) 0%, rgba(16, 14, 11, 0.12) 55%, transparent 85%);
  --cp-accent-tint: rgba(45, 212, 191, 0.12);
  --cp-accent-line: rgba(45, 212, 191, 0.55);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero::before {
  background-image:
    linear-gradient(rgba(60, 74, 70, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60, 74, 70, 0.16) 1px, transparent 1px);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero::after {
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.85) 30%, rgba(45, 212, 191, 1) 50%, rgba(45, 212, 191, 0.85) 70%, transparent);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-route { stroke: #57f1db; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-route--branch { stroke: #d97707; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-node { fill: #100e0b; stroke: #2dd4bf; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-node--miss { stroke: #ef4444; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-node--goal { fill: #57f1db; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__eyebrow {
  border-radius: 4px;
  border-color: rgba(60, 74, 70, 0.8);
  background: rgba(29, 27, 24, 0.85);
  color: #57f1db;
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__eyebrow::before { background: #2dd4bf; box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.22); }
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__safe {
  border-radius: 4px;
  border-left-color: #2dd4bf;
  background: rgba(29, 27, 24, 0.8);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__safe svg { color: #57f1db; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero__copy,
html[data-cp-theme="oxidised-bronze-temple"] .cp-hero p { text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9); }

/* ---------- Cards, tables, frames ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-card,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-ringcard {
  border-radius: 6px;
  background-color: var(--cp-surface);
  border: 1px solid var(--cp-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -3px 0 rgba(45, 212, 191, 0.28);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-card:hover,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-card:focus-within {
  border-color: #2dd4bf;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -3px 0 #2dd4bf, 0 14px 36px -8px rgba(0, 0, 0, 0.9);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-card__icon {
  border-radius: 4px;
  color: #57f1db;
  background: #100e0b;
  border: 1px solid rgba(60, 74, 70, 0.8);
}
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-tag { border-radius: 4px; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-kicker { color: #2dd4bf; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset table:not([class]) { border-radius: 4px; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset table:not([class]) th { color: #57f1db; font-size: 0.62rem; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-frame,
html[data-cp-theme="oxidised-bronze-temple"] .cp-frame,
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset figure.screen a { border-radius: 6px; }
html[data-cp-theme="oxidised-bronze-temple"] .md-typeset .cp-cta {
  border-radius: 6px;
  border-color: rgba(45, 212, 191, 0.5);
  background:
    radial-gradient(30rem 14rem at 50% 0, rgba(45, 212, 191, 0.14), transparent 70%),
    rgba(29, 27, 24, 0.84);
}

/* ---------- Footer, selection ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .md-footer,
html[data-cp-theme="oxidised-bronze-temple"] .md-footer-meta { background: #100e0b; border-top: 1px solid #d97707; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-footer-links a {
  font-family: var(--cp-font-serif);
  font-size: 0.64rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html[data-cp-theme="oxidised-bronze-temple"] ::selection { background: rgba(45, 212, 191, 0.4); color: #fff; }

/* ---------- Count strip under the hero (value from mkdocs.yml, extra.counters) ---------- */

html[data-cp-theme="oxidised-bronze-temple"] .cp-stats {
  background: rgba(16, 14, 11, 0.78);
  border-top: 1px solid #d97707;
  border-bottom: 1px solid rgba(60, 74, 70, 0.6);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__inner { padding: 1.6rem 1.2rem; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__item { display: grid; justify-items: center; gap: 0.35rem; margin: 0; text-align: center; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__label,
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__note {
  font-family: var(--cp-font-serif);
  font-size: 0.64rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(232, 225, 220, 0.78);
}
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__note { font-family: var(--cp-font-sans); text-transform: none; letter-spacing: 0.02em; }
html[data-cp-theme="oxidised-bronze-temple"] .cp-stats__value {
  font-family: var(--cp-font-mono);
  font-size: clamp(2rem, 6vw, 2.8rem);
  font-weight: 700;
  line-height: 1.1;
  color: #57f1db;
  text-shadow: 0 0 20px rgba(45, 212, 191, 0.35);
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-stats { background: rgba(29, 27, 24, 0.9); }

/* ---------- Fixed picture layer: stays while the page scrolls over it ---------- */

html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] { background: transparent; }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(16, 14, 11, 0.12) 0%, rgba(16, 14, 11, 0.5) 100%),
    url("themes/oxidised-bronze-temple/jungle-temple-anvil.jpg") center 55% / cover no-repeat;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] .md-typeset .cp-card,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="slate"] .md-typeset .cp-ringcard { background-color: rgba(29, 27, 24, 0.86); }

/* ---------- Light scheme: the picture stays fixed here too, under a pale veil, so it never disappears on scroll ---------- */

html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] { background: transparent; }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(247, 244, 239, 0.58) 0%, rgba(247, 244, 239, 0.78) 100%),
    url("themes/oxidised-bronze-temple/jungle-temple-anvil.jpg") center 55% / cover no-repeat;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero {
  background: linear-gradient(90deg, rgba(247, 244, 239, 0.7) 0%, rgba(247, 244, 239, 0.25) 55%, transparent 85%);
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero h1,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero p,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero__copy {
  color: #1c1917;
  text-shadow: 0 0 14px rgba(247, 244, 239, 0.95);
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-stats { background: rgba(247, 244, 239, 0.85); }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-stats__label,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-stats__note { color: rgba(28, 25, 23, 0.82); }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-stats__value { color: #d97707; text-shadow: none; }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .md-typeset .cp-card,
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .md-typeset .cp-ringcard { background-color: rgba(255, 253, 250, 0.9); }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .md-typeset .cp-cta { background: rgba(255, 253, 250, 0.88); }
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero__eyebrow {
  background: rgba(255, 253, 250, 0.92);
  border-color: rgba(28, 25, 23, 0.35);
  color: #d97707;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero__safe {
  background: rgba(255, 253, 250, 0.9);
  color: #1c1917;
  text-shadow: none;
}
html[data-cp-theme="oxidised-bronze-temple"] body[data-md-color-scheme="default"] .cp-hero__safe svg { color: #d97707; }