/* =========================================================
   BOLD SIGNAL — poster-energy charcoal + signal orange
   Implements templates/signal/design.md
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --stage-bg: #0d0d0d;
  --slide-bg: #1a1a1a;
  --slide-bg-accent: #26180f;
  --ink: #ffffff;
  --muted: #b9b4ae;
  --faint: #6f6b66;
  --accent: #FF5722;
  --on-accent: #1a1a1a;
  --accent-2: #4cc9f0;
  --panel: #242424;
  --panel-2: #202020;
  --line: #3a3a3a;
  --hl: rgba(255, 87, 34, 0.14);
  --code-bg: #111111;
  --code-ink: #eceae7;
  --font-display: 'Archivo Black', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --radius: 6px;
  --radius-lg: 10px;
  --bw: 2px;
  --shadow: none;
  --eyebrow-ls: 0.18em;
  --display-weight: 400; /* Archivo Black only ships 400 (visually 900) */
  --title-weight: 400;
  --quote-weight: 400;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* charcoal gradient canvas + the 10px orange keel */
.slide {
  background: linear-gradient(135deg, #1a1a1a 0%, #2b2b2b 55%, #1a1a1a 100%);
}
.slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: var(--accent);
}
.slide.bg-accent-soft { background: linear-gradient(135deg, #26180f 0%, #33200f 55%, #26180f 100%); }

/* body copy weight */
.slide { font-weight: 400; }
.num-text h3, .cg-h, .cp-name, .pl-name, .clip-speaker { letter-spacing: 0.01em; }

/* signature 1: orange cover card */
.layout-title .cv-main {
  background: var(--accent);
  color: var(--on-accent);
  padding: 84px 96px;
  max-width: 1500px;
  border-radius: var(--radius-lg);
}
.layout-title .cv-eyebrow { color: rgba(26, 26, 26, 0.72); }
.layout-title .cv-subtitle { color: rgba(26, 26, 26, 0.82); }
.layout-title .cv-title { letter-spacing: -0.01em; }
.layout-title .cv-main em, .layout-title .cv-main code { color: inherit; background: rgba(0, 0, 0, 0.14); }

/* signature 2: outlined giant section numeral */
.sec-number {
  color: transparent;
  -webkit-text-stroke: 4px var(--accent);
  opacity: 1;
}

/* end slide echoes the cover energy */
.end-title { color: var(--accent); }

/* pipeline / diagram nodes: white stroke on charcoal */
.pl-step, .dg-node { border-color: #fff; }
.dg-node.accent, .pl-num { border-color: var(--accent); }

/* quote mark oversized, tight */
.qt-text { letter-spacing: -0.005em; }