/* iamBOTMAN — brand-specific overrides
 * Per iamBOTMAN Brand Board v1 §3 (campfire amber/ember/smoke palette)
 */

:root {
  /* iamBOTMAN palette (per brand board §3 PROPOSED) */
  --bg: #0d0d0f;                /* inherited dark */
  --bg-card: #16110a;           /* warm smoke */
  --bg-warm: #1d1610;           /* deeper ember background */
  --bg-inset: #11110d;

  --fg: #f5f1e8;                /* newsprint tint */
  --fg-bright: #ffffff;
  --fg-muted: #a89a85;
  --fg-dim: #5a4f40;

  --accent: #f59e0b;            /* amber */
  --accent-2: #d4881a;
  --accent-warm: #c8a96e;

  --iambotman-amber: #f59e0b;
  --iambotman-ember: #dc2626;
  --iambotman-smoke: #374151;
  --iambotman-newsprint: #f5f1e8;

  --border: #3a2a18;
  --border-lo: #2a1f10;
  --border-hi: #5a4028;

  --header-bg: rgba(13, 13, 15, 0.94);

  --font-body: 'Lexend', system-ui, -apple-system, sans-serif;
  --font-display: 'Bangers', 'Impact', sans-serif;
  --font-dialog: 'Caveat', cursive;
}

/* Display font class (1950s comic register) */
.display-font {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
  font-weight: 400;
}

h1.display-font {
  font-size: clamp(36px, 5.5vw, 56px);
  line-height: 1.1;
  letter-spacing: 0.01em;
}

h2.display-font {
  font-size: clamp(30px, 4.5vw, 42px);
  line-height: 1.15;
}

/* Logo */
.site-logo {
  font-family: var(--font-display);
  font-size: 24px;
  letter-spacing: 0.02em;
  color: var(--fg-bright);
}

.logo-bot {
  color: var(--iambotman-amber);
}

/* Marquee - dramatic */
.marquee-banner {
  background: var(--iambotman-ember);
  color: var(--iambotman-newsprint);
  border-top: 3px solid var(--iambotman-amber);
  border-bottom: 3px solid var(--iambotman-amber);
}

.marquee-banner .marquee-text {
  font-family: var(--font-display);
  letter-spacing: 0.04em;
}

/* Pillar themes */
#characters {
  background: var(--bg-card);
}

#exterminator {
  background: var(--iambotman-smoke);
}

#exterminator .pillar-text h2,
#exterminator .pillar-text p {
  color: var(--iambotman-newsprint);
}

#literacy {
  background: var(--bg-warm);
}

/* Hero text */
.hero-text h1 {
  color: var(--iambotman-amber);
}

.hero-text em {
  color: var(--iambotman-ember);
  font-style: italic;
}

.quote-attribution {
  font-family: var(--font-dialog);
  font-size: 22px;
  color: var(--iambotman-amber);
  font-style: normal;
  font-weight: 700;
}

/* Auditory motif (cockroach borg "duh duh duh duh") */
.auditory {
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--iambotman-ember);
  letter-spacing: 0.05em;
  display: inline-block;
  transform: skew(-5deg);
  padding: 0 4px;
}

/* Site nav */
.site-nav a {
  color: var(--fg);
}

.site-nav a:hover {
  color: var(--iambotman-amber);
}

/* Footer */
.site-footer {
  background: var(--bg-warm);
  border-top: 2px solid var(--iambotman-amber);
}

.footer-title {
  color: var(--iambotman-amber);
}