/* Craft Planner theme: Gothic Obsidian Gold.
   A layer on top of extra.css, scoped to html[data-cp-theme="gothic-obsidian-gold"]. Cathedral look: obsidian
   surfaces, gilded trims, zero radius, double borders, centred headings with a diamond divider.
   Source of the values: design/design-selections/stitch-2026-10-16, design system "Gothic Obsidian Gold".
   Fonts: the three families are set as variables below, as in the other theme files.
   No figure, price or count of the design pictures is copied. Numbers come from our own server only. */

html[data-cp-theme="gothic-obsidian-gold"] {
  --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;
  --cpg-gold: #f59e0b;
  --cpg-gold-hi: #fbbf24;
  --cpg-gold-deep: #d97706;
  --cpg-candle: #fef3c7;
  --cpg-void: #09090b;
  --cpg-slab: #121118;
  --cpg-panel: #1a1921;
  --cpg-panel-hi: #23222d;
  --cpg-slate: #27272a;
  --cpg-iron: #3f3f46;
  --cp-font: var(--cp-font-sans);
  --cp-font-display: var(--cp-font-serif);
  --cp-radius: 0;
  --cp-radius-sm: 0;
}

/* ---------- Dark scheme (the design) ---------- */

html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] {
  --cp-amber: var(--cpg-gold);
  --cp-amber-hi: var(--cpg-gold-hi);
  --cp-amber-lo: var(--cpg-gold-deep);
  --cp-amber-ink: #1a1000;
  --cp-night: #09090b;
  --cp-night-2: #121118;
  --cp-night-3: #1a1921;
  --cp-snow: #e4e4e7;
  --md-default-bg-color: #0e0d14;
  --md-default-fg-color: #e4e4e7;
  --md-default-fg-color--light: rgba(228, 228, 231, 0.78);
  --md-default-fg-color--lighter: rgba(228, 228, 231, 0.5);
  --md-default-fg-color--lightest: rgba(228, 228, 231, 0.12);
  --md-code-bg-color: #1a1921;
  --md-primary-fg-color: #09090b;
  --md-primary-fg-color--light: #121118;
  --md-primary-fg-color--dark: #050507;
  --md-footer-bg-color: #09090b;
  --md-footer-bg-color--dark: #050507;
  --md-accent-fg-color: var(--cpg-gold-hi);
  --md-accent-fg-color--transparent: rgba(245, 158, 11, 0.14);
  --md-typeset-a-color: var(--cpg-gold-hi);
  --cp-surface: #121118;
  --cp-surface-2: #1a1921;
  --cp-line: rgba(63, 63, 70, 0.9);
  --cp-line-strong: rgba(217, 119, 6, 0.7);
  --cp-text-soft: rgba(228, 228, 231, 0.74);
  --cp-accent-text: var(--cpg-gold-hi);
  --cp-accent-tint: rgba(245, 158, 11, 0.1);
  --cp-accent-line: rgba(245, 158, 11, 0.6);
  --cp-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.95);
  --cp-shadow-sm: 0 8px 24px -4px rgba(0, 0, 0, 0.8);
  --cp-focus: var(--cpg-gold);
}

/* ---------- Light scheme (aged vellum, same gold) ---------- */

html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] {
  --cp-amber: #b45309;
  --cp-amber-hi: #d97706;
  --cp-amber-lo: #92400e;
  --cp-amber-ink: #fffbeb;
  --md-default-bg-color: #f6f1e6;
  --md-default-fg-color: #1c1917;
  --md-code-bg-color: #ebe3d2;
  --md-accent-fg-color: #92400e;
  --md-accent-fg-color--transparent: rgba(146, 64, 14, 0.1);
  --md-typeset-a-color: #92400e;
  --cp-surface: #fffdf7;
  --cp-surface-2: #fbf6ea;
  --cp-line: rgba(68, 52, 34, 0.24);
  --cp-line-strong: rgba(146, 64, 14, 0.65);
  --cp-text-soft: rgba(28, 25, 23, 0.78);
  --cp-accent-text: #92400e;
  --cp-accent-tint: rgba(180, 83, 9, 0.08);
  --cp-accent-line: rgba(146, 64, 14, 0.55);
  --cp-focus: #92400e;
}

/* ---------- Type: centred serif inscriptions with a diamond divider ---------- */

html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h1,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h3,
html[data-cp-theme="gothic-obsidian-gold"] .md-header__title,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero h1 {
  font-family: var(--cp-font-serif);
  letter-spacing: 0.05em;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h1,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero h1 {
  text-transform: uppercase;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h1,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2 {
  text-align: center;
  color: var(--cpg-candle);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset h1,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset h2 {
  color: #1c1917;
}
/* Rule flanked by a centred diamond under every second-level heading. */
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2 {
  padding-bottom: 1.1rem;
  position: relative;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.2rem;
  width: min(14rem, 60%);
  height: 9px;
  transform: translateX(-50%);
  background:
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)) left center / calc(50% - 10px) 1px no-repeat,
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)) right center / calc(50% - 10px) 1px no-repeat,
    linear-gradient(45deg, transparent 38%, var(--cpg-gold) 38% 62%, transparent 62%) center / 9px 9px no-repeat;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset h2::before {
  content: none;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero h1 {
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0.06em;
  color: var(--cpg-candle);
  text-shadow: 0 0 28px rgba(245, 158, 11, 0.28);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-kicker,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-tag,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__eyebrow,
html[data-cp-theme="gothic-obsidian-gold"] .cp-stage__label,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset table:not([class]) th {
  font-family: var(--cp-font-serif);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

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

html[data-cp-theme="gothic-obsidian-gold"] .md-header {
  background: rgba(9, 9, 11, 0.96);
  box-shadow: 0 1px 0 var(--cpg-gold-deep), 0 2px 0 rgba(9, 9, 11, 1), 0 3px 0 rgba(63, 63, 70, 0.8);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-header__button.md-logo {
  color: var(--cpg-gold);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-header__title {
  color: var(--cpg-candle);
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-tabs {
  background: #09090b;
  box-shadow: 0 1px 0 rgba(63, 63, 70, 0.9);
}
html[data-cp-theme="gothic-obsidian-gold"] .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="gothic-obsidian-gold"] .md-tabs__link::after {
  height: 2px;
  border-radius: 0;
  background: var(--cpg-gold);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-tabs__item--active .md-tabs__link {
  color: var(--cpg-gold-hi);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-header a:focus-visible,
html[data-cp-theme="gothic-obsidian-gold"] .md-header button:focus-visible,
html[data-cp-theme="gothic-obsidian-gold"] .md-header label:focus-visible,
html[data-cp-theme="gothic-obsidian-gold"] .md-tabs a:focus-visible,
html[data-cp-theme="gothic-obsidian-gold"] .md-footer a:focus-visible,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero a:focus-visible {
  outline-color: var(--cpg-gold);
}

/* ---------- Buttons: obsidian with a gold rim (primary), ironbound (secondary) ---------- */

html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button {
  font-size: 0.7rem;
  padding: 0.9em 1.9em;
  border-width: 1px;
  border-radius: 0;
  clip-path: polygon(0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px));
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button--primary,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button--primary {
  background: linear-gradient(180deg, #1c1b24, var(--cpg-slab));
  border-color: var(--cpg-gold);
  color: var(--cpg-candle);
  box-shadow: inset 0 1px 0 rgba(251, 191, 36, 0.35);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button--primary:hover,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button--primary:focus,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button--primary:hover,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button--primary:focus {
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.22), rgba(245, 158, 11, 0.1)), var(--cpg-slab);
  border-color: var(--cpg-gold-hi);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(251, 191, 36, 0.5), 0 0 16px rgba(245, 158, 11, 0.4);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button:not(.md-button--primary),
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button:not(.md-button--primary) {
  background: var(--cpg-panel);
  border-color: var(--cpg-iron);
  color: #e4e4e7;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero .md-button:not(.md-button--primary):hover,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .md-button:not(.md-button--primary):hover {
  border-color: var(--cpg-gold-deep);
  color: var(--cpg-candle);
}
/* On the vellum scheme the primary button keeps dark ink on gold, so it stays readable. */
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .md-button--primary {
  background: linear-gradient(180deg, #d97706, #b45309);
  border-color: #92400e;
  color: #fffbeb;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .md-button:not(.md-button--primary) {
  background: #fffdf7;
  border-color: rgba(68, 52, 34, 0.5);
  color: #1c1917;
}

/* ---------- Hero: cathedral dark, one gold shaft of light, gold route ---------- */

html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .cp-hero,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero {
  background:
    conic-gradient(from 180deg at 50% -8%, transparent 168deg, rgba(245, 158, 11, 0.16) 180deg, transparent 192deg),
    radial-gradient(40rem 24rem at 50% -10%, rgba(245, 158, 11, 0.18), transparent 66%),
    linear-gradient(90deg, rgba(9, 9, 11, 0.82) 0%, rgba(9, 9, 11, 0.4) 40%, rgba(9, 9, 11, 0) 75%),
    linear-gradient(180deg, rgba(9, 9, 11, 0) 0%, rgba(9, 9, 11, 0) 72%, rgba(14, 13, 20, 0.95) 100%),
    url("themes/gothic-obsidian-gold/sanctuary-hall.jpg") center 40% / cover no-repeat,
    #09090b;
  --cp-accent-tint: rgba(245, 158, 11, 0.12);
  --cp-accent-line: rgba(251, 191, 36, 0.55);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero::before {
  background-image:
    linear-gradient(rgba(63, 63, 70, 0.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 63, 70, 0.22) 1px, transparent 1px);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero::after {
  background: linear-gradient(90deg, transparent, rgba(217, 119, 6, 0.9) 30%, rgba(251, 191, 36, 0.9) 50%, rgba(217, 119, 6, 0.9) 70%, transparent);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-route {
  stroke: var(--cpg-gold-hi);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-route--branch {
  stroke: var(--cpg-gold-deep);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-node {
  fill: #09090b;
  stroke: var(--cpg-gold);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-node--miss {
  stroke: #ef4444;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-node--goal {
  fill: var(--cpg-gold-hi);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__eyebrow {
  border-radius: 0;
  border-color: var(--cpg-iron);
  background: rgba(18, 17, 24, 0.85);
  color: var(--cpg-gold-hi);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__eyebrow::before {
  background: var(--cpg-gold);
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__safe {
  border-radius: 0;
  border-left-color: var(--cpg-gold);
  background: rgba(18, 17, 24, 0.8);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__safe svg {
  color: var(--cpg-gold-hi);
}

/* ---------- Cards, tables: reliquary frames, double border, gold corner brackets ---------- */

html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-card,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-ringcard {
  border-radius: 0;
  background-color: var(--cp-surface);
  background-image:
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep)),
    linear-gradient(var(--cpg-gold-deep), var(--cpg-gold-deep));
  background-repeat: no-repeat;
  background-size: 14px 2px, 2px 14px, 14px 2px, 2px 14px, 14px 2px, 2px 14px, 14px 2px, 2px 14px;
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;
  border: 1px solid var(--cp-line);
  outline: 1px solid rgba(63, 63, 70, 0.45);
  outline-offset: 3px;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-card:hover,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-card:focus-within {
  border-color: var(--cpg-gold-deep);
  box-shadow: inset 0 0 12px rgba(217, 119, 6, 0.15), 0 16px 48px -8px rgba(0, 0, 0, 0.95);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-card__icon {
  border-radius: 0;
  color: var(--cpg-gold-hi);
  background: #09090b;
  border: 1px solid var(--cpg-iron);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-tag {
  border-radius: 0;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-kicker {
  color: var(--cpg-gold-deep);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset table:not([class]) {
  border-radius: 0;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset table:not([class]) th {
  color: var(--cpg-gold-hi);
  font-size: 0.62rem;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  color: #92400e;
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-cta {
  border-radius: 0;
  border-color: rgba(217, 119, 6, 0.55);
  background:
    radial-gradient(30rem 14rem at 50% 0, rgba(245, 158, 11, 0.14), transparent 70%),
    linear-gradient(90deg, var(--cp-surface) 0%, rgba(18, 17, 24, 0.9) 55%, rgba(18, 17, 24, 0.55) 100%),
    url("themes/gothic-obsidian-gold/sanctuary-hall.jpg") 50% 90% / 220% auto no-repeat,
    var(--cp-surface);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .cp-cta {
  background:
    radial-gradient(30rem 14rem at 50% 0, rgba(180, 83, 9, 0.1), transparent 70%),
    var(--cp-surface);
}
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset .cp-frame,
html[data-cp-theme="gothic-obsidian-gold"] .cp-frame,
html[data-cp-theme="gothic-obsidian-gold"] .md-typeset figure.screen a {
  border-radius: 0;
}

/* ---------- Footer ---------- */

html[data-cp-theme="gothic-obsidian-gold"] .md-footer,
html[data-cp-theme="gothic-obsidian-gold"] .md-footer-meta {
  background: #09090b;
  border-top: 1px solid var(--cpg-gold-deep);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-footer-links a {
  font-family: var(--cp-font-serif);
  font-size: 0.64rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ---------- Selection ---------- */

html[data-cp-theme="gothic-obsidian-gold"] ::selection {
  background: rgba(245, 158, 11, 0.4);
  color: #fff;
}

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

html[data-cp-theme="gothic-obsidian-gold"] .cp-stats {
  background:
    linear-gradient(180deg, rgba(9, 9, 11, 0.9), rgba(9, 9, 11, 0.74)),
    url("themes/gothic-obsidian-gold/sanctuary-hall.jpg") 50% 100% / 150% auto no-repeat,
    #09090b;
  border-top: 1px solid var(--cpg-gold-deep);
  border-bottom: 1px solid var(--cpg-iron);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__inner {
  padding: 1.6rem 1.2rem;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__item {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  margin: 0;
  text-align: center;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__label,
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__note {
  font-family: var(--cp-font-serif);
  font-size: 0.64rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(228, 228, 231, 0.74);
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__note {
  font-family: var(--cp-font-sans);
  text-transform: none;
  letter-spacing: 0.02em;
}
html[data-cp-theme="gothic-obsidian-gold"] .cp-stats__value {
  font-family: var(--cp-font-mono);
  font-size: clamp(2rem, 6vw, 2.8rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--cpg-gold-hi);
  text-shadow: 0 0 20px rgba(245, 158, 11, 0.3);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats {
  background: #ebe3d2;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__label,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__note {
  color: rgba(28, 25, 23, 0.8);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__value {
  color: #92400e;
  text-shadow: none;
}

/* Over the clearer sanctuary picture the hero text keeps its contrast with a soft shadow. */
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero__copy,
html[data-cp-theme="gothic-obsidian-gold"] .cp-hero p {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
}

/* ---------- Fixed picture: stays in place while the page scrolls over it (dark scheme) ----------
   One fixed layer behind the whole page holds the sanctuary picture under a veil. The page content scrolls over it.
   The home hero shows the picture almost clear. Other bands are translucent, so the picture is always visible.
   The light scheme keeps the picture inside the hero only. */

html[data-cp-theme="gothic-obsidian-gold"] {
  background-color: #0e0d14;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] {
  background: transparent;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(9, 9, 11, 0.4) 0%, rgba(9, 9, 11, 0.74) 100%),
    url("themes/gothic-obsidian-gold/sanctuary-hall.jpg") center 40% / cover no-repeat;
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .cp-hero {
  background:
    radial-gradient(40rem 24rem at 50% -10%, rgba(245, 158, 11, 0.14), transparent 66%),
    linear-gradient(90deg, rgba(9, 9, 11, 0.6) 0%, rgba(9, 9, 11, 0.18) 55%, transparent 85%);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .cp-stats {
  background: rgba(9, 9, 11, 0.78);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .md-typeset .cp-cta {
  background:
    radial-gradient(30rem 14rem at 50% 0, rgba(245, 158, 11, 0.14), transparent 70%),
    rgba(18, 17, 24, 0.82);
}
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .md-typeset .cp-card,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="slate"] .md-typeset .cp-ringcard {
  background-color: rgba(18, 17, 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="gothic-obsidian-gold"] body[data-md-color-scheme="default"] { background: transparent; }
html[data-cp-theme="gothic-obsidian-gold"] 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/gothic-obsidian-gold/sanctuary-hall.jpg") center 40% / cover no-repeat;
}
html[data-cp-theme="gothic-obsidian-gold"] 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="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-hero h1,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-hero p,
html[data-cp-theme="gothic-obsidian-gold"] 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="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats { background: rgba(247, 244, 239, 0.85); }
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__label,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__note { color: rgba(28, 25, 23, 0.82); }
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-stats__value { color: #92400e; text-shadow: none; }
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .cp-card,
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .cp-ringcard { background-color: rgba(255, 253, 250, 0.9); }
html[data-cp-theme="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .md-typeset .cp-cta { background: rgba(255, 253, 250, 0.88); }
html[data-cp-theme="gothic-obsidian-gold"] 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: #92400e;
}
html[data-cp-theme="gothic-obsidian-gold"] 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="gothic-obsidian-gold"] body[data-md-color-scheme="default"] .cp-hero__safe svg { color: #92400e; }