/* Craft Planner theme: Frost Steel.
   Generated by tools/gen_themes.py. A layer on top of extra.css, scoped to html[data-cp-theme="frost-steel"].
   Frozen cathedral forge: cold blue steel, sharp facets, zero radius, ice-cyan glow on a dark slate.
   Source of the values: design/design-selections/stitch-2026-10-16, design system "Frost Steel Crafting Matrix".
   Dark scheme is native. The picture stays fixed behind the page while it scrolls (frozen cathedral forge).
   No figure, price or count of the design pictures is copied. Numbers come from our own server only. */

html[data-cp-theme="frost-steel"] {
  --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: 0;
  --cp-radius-sm: 0;
  background-color: #0e141b;
}
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] {
  --cp-amber: #5cc4f5;
  --cp-amber-hi: #8ed5ff;
  --cp-amber-lo: #3a9bd0;
  --cp-amber-ink: #00182a;
  --cp-night: #090d13;
  --cp-night-2: #151d27;
  --cp-night-3: #202a36;
  --cp-snow: #dde3ed;
  --md-default-bg-color: #0e141b;
  --md-default-fg-color: #dde3ed;
  --md-default-fg-color--light: rgba(221, 227, 237, 0.78);
  --md-default-fg-color--lighter: rgba(221, 227, 237, 0.5);
  --md-default-fg-color--lightest: rgba(221, 227, 237, 0.12);
  --md-code-bg-color: #202a36;
  --md-primary-fg-color: #090d13;
  --md-primary-fg-color--light: #151d27;
  --md-primary-fg-color--dark: #090d13;
  --md-footer-bg-color: #090d13;
  --md-footer-bg-color--dark: #090d13;
  --md-accent-fg-color: #8ed5ff;
  --md-accent-fg-color--transparent: rgba(92, 196, 245, 0.14);
  --md-typeset-a-color: #8ed5ff;
  --cp-surface: #151d27;
  --cp-surface-2: #202a36;
  --cp-line: rgba(135, 146, 154, 0.55);
  --cp-line-strong: rgba(92, 196, 245, 0.7);
  --cp-text-soft: rgba(221, 227, 237, 0.76);
  --cp-accent-text: #8ed5ff;
  --cp-accent-tint: rgba(92, 196, 245, 0.1);
  --cp-accent-line: rgba(92, 196, 245, 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: #5cc4f5;
}
/* The light scheme keeps the theme accent and radius, on the common light surfaces. */
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] {
  --cp-amber: #3a9bd0;
  --cp-amber-hi: #5cc4f5;
  --cp-amber-lo: #3a9bd0;
  --md-accent-fg-color: #3a9bd0;
  --md-typeset-a-color: #3a9bd0;
  --cp-accent-text: #3a9bd0;
  --cp-focus: #3a9bd0;
}

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

html[data-cp-theme="frost-steel"] .md-typeset h1,
html[data-cp-theme="frost-steel"] .md-typeset h2,
html[data-cp-theme="frost-steel"] .md-typeset h3,
html[data-cp-theme="frost-steel"] .md-header__title,
html[data-cp-theme="frost-steel"] .cp-hero h1 {
  font-family: var(--cp-font-serif);
  letter-spacing: 0.06em;
}
html[data-cp-theme="frost-steel"] .md-typeset h1,
html[data-cp-theme="frost-steel"] .md-typeset h2,
html[data-cp-theme="frost-steel"] .cp-hero h1 {
  text-transform: uppercase;
}
html[data-cp-theme="frost-steel"] .md-typeset h1,
html[data-cp-theme="frost-steel"] .md-typeset h2 {
  text-align: left;
}
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] .md-typeset h1,
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #eaf4ff;
}
html[data-cp-theme="frost-steel"] .md-typeset h2 { padding-left: 0.8rem; border-left: 4px solid #5cc4f5; }
html[data-cp-theme="frost-steel"] .md-typeset h2::before,
html[data-cp-theme="frost-steel"] .md-typeset h2::after { content: none; }
html[data-cp-theme="frost-steel"] .cp-hero h1 {
  font-weight: 700;
  line-height: 1.12;
  color: #eaf4ff;
  text-shadow: 0 0 28px rgba(92, 196, 245, 0.3), 0 2px 14px rgba(0, 0, 0, 0.9);
}
html[data-cp-theme="frost-steel"] .md-typeset .cp-kicker,
html[data-cp-theme="frost-steel"] .md-typeset .cp-tag,
html[data-cp-theme="frost-steel"] .cp-hero__eyebrow,
html[data-cp-theme="frost-steel"] .cp-stage__label,
html[data-cp-theme="frost-steel"] .md-typeset .md-button,
html[data-cp-theme="frost-steel"] .cp-hero .md-button,
html[data-cp-theme="frost-steel"] .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="frost-steel"] .md-header {
  background: rgba(9, 13, 19, 0.95);
  box-shadow: 0 1px 0 #3a9bd0, 0 2px 0 rgba(9, 13, 19, 1);
}
html[data-cp-theme="frost-steel"] .md-header__button.md-logo { color: #5cc4f5; }
html[data-cp-theme="frost-steel"] .md-header__title { color: #eaf4ff; letter-spacing: 0.1em; }
html[data-cp-theme="frost-steel"] .md-tabs { background: #090d13; box-shadow: 0 1px 0 rgba(135, 146, 154, 0.6); }
html[data-cp-theme="frost-steel"] .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="frost-steel"] .md-tabs__link::after { height: 2px; border-radius: 0; background: #5cc4f5; }
html[data-cp-theme="frost-steel"] .md-tabs__item--active .md-tabs__link { color: #8ed5ff; }
html[data-cp-theme="frost-steel"] .md-header a:focus-visible,
html[data-cp-theme="frost-steel"] .md-header button:focus-visible,
html[data-cp-theme="frost-steel"] .md-header label:focus-visible,
html[data-cp-theme="frost-steel"] .md-tabs a:focus-visible,
html[data-cp-theme="frost-steel"] .md-footer a:focus-visible,
html[data-cp-theme="frost-steel"] .cp-hero a:focus-visible { outline-color: #5cc4f5; }

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

html[data-cp-theme="frost-steel"] .md-typeset .md-button,
html[data-cp-theme="frost-steel"] .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="frost-steel"] .md-typeset .md-button--primary,
html[data-cp-theme="frost-steel"] .cp-hero .md-button--primary {
  background: #5cc4f5;
  border-color: #8ed5ff;
  color: #00182a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html[data-cp-theme="frost-steel"] .md-typeset .md-button--primary:hover,
html[data-cp-theme="frost-steel"] .md-typeset .md-button--primary:focus,
html[data-cp-theme="frost-steel"] .cp-hero .md-button--primary:hover,
html[data-cp-theme="frost-steel"] .cp-hero .md-button--primary:focus {
  background: #8ed5ff;
  border-color: #8ed5ff;
  color: #00182a;
  box-shadow: 0 0 18px rgba(92, 196, 245, 0.5);
}
html[data-cp-theme="frost-steel"] .cp-hero .md-button:not(.md-button--primary),
html[data-cp-theme="frost-steel"] .md-typeset .md-button:not(.md-button--primary) {
  background: rgba(32, 42, 54, 0.85);
  border-color: rgba(135, 146, 154, 0.9);
  color: #dde3ed;
}
html[data-cp-theme="frost-steel"] .cp-hero .md-button:not(.md-button--primary):hover,
html[data-cp-theme="frost-steel"] .md-typeset .md-button:not(.md-button--primary):hover {
  border-color: #5cc4f5;
  color: #eaf4ff;
}

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

html[data-cp-theme="frost-steel"] .cp-hero {
  background:
    radial-gradient(40rem 24rem at 50% -10%, rgba(92, 196, 245, 0.14), transparent 66%),
    linear-gradient(90deg, rgba(9, 13, 19, 0.5) 0%, rgba(9, 13, 19, 0.12) 55%, transparent 85%);
  --cp-accent-tint: rgba(92, 196, 245, 0.12);
  --cp-accent-line: rgba(92, 196, 245, 0.55);
}
html[data-cp-theme="frost-steel"] .cp-hero::before {
  background-image:
    linear-gradient(rgba(135, 146, 154, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(135, 146, 154, 0.16) 1px, transparent 1px);
}
html[data-cp-theme="frost-steel"] .cp-hero::after {
  background: linear-gradient(90deg, transparent, rgba(92, 196, 245, 0.85) 30%, rgba(92, 196, 245, 1) 50%, rgba(92, 196, 245, 0.85) 70%, transparent);
}
html[data-cp-theme="frost-steel"] .cp-route { stroke: #8ed5ff; }
html[data-cp-theme="frost-steel"] .cp-route--branch { stroke: #3a9bd0; }
html[data-cp-theme="frost-steel"] .cp-node { fill: #090d13; stroke: #5cc4f5; }
html[data-cp-theme="frost-steel"] .cp-node--miss { stroke: #ef4444; }
html[data-cp-theme="frost-steel"] .cp-node--goal { fill: #8ed5ff; }
html[data-cp-theme="frost-steel"] .cp-hero__eyebrow {
  border-radius: 0;
  border-color: rgba(135, 146, 154, 0.8);
  background: rgba(21, 29, 39, 0.85);
  color: #8ed5ff;
}
html[data-cp-theme="frost-steel"] .cp-hero__eyebrow::before { background: #5cc4f5; box-shadow: 0 0 0 4px rgba(92, 196, 245, 0.22); }
html[data-cp-theme="frost-steel"] .cp-hero__safe {
  border-radius: 0;
  border-left-color: #5cc4f5;
  background: rgba(21, 29, 39, 0.8);
}
html[data-cp-theme="frost-steel"] .cp-hero__safe svg { color: #8ed5ff; }
html[data-cp-theme="frost-steel"] .cp-hero__copy,
html[data-cp-theme="frost-steel"] .cp-hero p { text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9); }

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

html[data-cp-theme="frost-steel"] .md-typeset .cp-card,
html[data-cp-theme="frost-steel"] .md-typeset .cp-ringcard {
  border-radius: 0;
  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(92, 196, 245, 0.28);
}
html[data-cp-theme="frost-steel"] .md-typeset .cp-card:hover,
html[data-cp-theme="frost-steel"] .md-typeset .cp-card:focus-within {
  border-color: #5cc4f5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -3px 0 #5cc4f5, 0 14px 36px -8px rgba(0, 0, 0, 0.9);
}
html[data-cp-theme="frost-steel"] .md-typeset .cp-card__icon {
  border-radius: 0;
  color: #8ed5ff;
  background: #090d13;
  border: 1px solid rgba(135, 146, 154, 0.8);
}
html[data-cp-theme="frost-steel"] .md-typeset .cp-tag { border-radius: 0; }
html[data-cp-theme="frost-steel"] .md-typeset .cp-kicker { color: #5cc4f5; }
html[data-cp-theme="frost-steel"] .md-typeset table:not([class]) { border-radius: 0; }
html[data-cp-theme="frost-steel"] .md-typeset table:not([class]) th { color: #8ed5ff; font-size: 0.62rem; }
html[data-cp-theme="frost-steel"] .md-typeset .cp-frame,
html[data-cp-theme="frost-steel"] .cp-frame,
html[data-cp-theme="frost-steel"] .md-typeset figure.screen a { border-radius: 0; }
html[data-cp-theme="frost-steel"] .md-typeset .cp-cta {
  border-radius: 0;
  border-color: rgba(92, 196, 245, 0.5);
  background:
    radial-gradient(30rem 14rem at 50% 0, rgba(92, 196, 245, 0.14), transparent 70%),
    rgba(21, 29, 39, 0.84);
}

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

html[data-cp-theme="frost-steel"] .md-footer,
html[data-cp-theme="frost-steel"] .md-footer-meta { background: #090d13; border-top: 1px solid #3a9bd0; }
html[data-cp-theme="frost-steel"] .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="frost-steel"] ::selection { background: rgba(92, 196, 245, 0.4); color: #fff; }

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

html[data-cp-theme="frost-steel"] .cp-stats {
  background: rgba(9, 13, 19, 0.78);
  border-top: 1px solid #3a9bd0;
  border-bottom: 1px solid rgba(135, 146, 154, 0.6);
}
html[data-cp-theme="frost-steel"] .cp-stats__inner { padding: 1.6rem 1.2rem; }
html[data-cp-theme="frost-steel"] .cp-stats__item { display: grid; justify-items: center; gap: 0.35rem; margin: 0; text-align: center; }
html[data-cp-theme="frost-steel"] .cp-stats__label,
html[data-cp-theme="frost-steel"] .cp-stats__note {
  font-family: var(--cp-font-serif);
  font-size: 0.64rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(221, 227, 237, 0.78);
}
html[data-cp-theme="frost-steel"] .cp-stats__note { font-family: var(--cp-font-sans); text-transform: none; letter-spacing: 0.02em; }
html[data-cp-theme="frost-steel"] .cp-stats__value {
  font-family: var(--cp-font-mono);
  font-size: clamp(2rem, 6vw, 2.8rem);
  font-weight: 700;
  line-height: 1.1;
  color: #8ed5ff;
  text-shadow: 0 0 20px rgba(92, 196, 245, 0.35);
}
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .cp-stats { background: rgba(21, 29, 39, 0.9); }

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

html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] { background: transparent; }
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(9, 13, 19, 0.12) 0%, rgba(9, 13, 19, 0.52) 100%),
    url("themes/frost-steel/frost-cathedral-forge.jpg") center 55% / cover no-repeat;
}
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] .md-typeset .cp-card,
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="slate"] .md-typeset .cp-ringcard { background-color: rgba(21, 29, 39, 0.86); }

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

html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] { background: transparent; }
html[data-cp-theme="frost-steel"] 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/frost-steel/frost-cathedral-forge.jpg") center 55% / cover no-repeat;
}
html[data-cp-theme="frost-steel"] 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="frost-steel"] body[data-md-color-scheme="default"] .cp-hero h1,
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .cp-hero p,
html[data-cp-theme="frost-steel"] 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="frost-steel"] body[data-md-color-scheme="default"] .cp-stats { background: rgba(247, 244, 239, 0.85); }
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .cp-stats__label,
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .cp-stats__note { color: rgba(28, 25, 23, 0.82); }
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .cp-stats__value { color: #3a9bd0; text-shadow: none; }
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .md-typeset .cp-card,
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .md-typeset .cp-ringcard { background-color: rgba(255, 253, 250, 0.9); }
html[data-cp-theme="frost-steel"] body[data-md-color-scheme="default"] .md-typeset .cp-cta { background: rgba(255, 253, 250, 0.88); }
html[data-cp-theme="frost-steel"] 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: #3a9bd0;
}
html[data-cp-theme="frost-steel"] 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="frost-steel"] body[data-md-color-scheme="default"] .cp-hero__safe svg { color: #3a9bd0; }