/* Action TV: gunmetal and black, an amber muzzle-flash accent, red for the
   badge, stencil type. Overrides guide/theme.css. */
:root {
  --bg: #16171b;
  --bg-deep: #0a0a0c;
  --panel: #212329;
  --panel-edge: #3b3e47;
  --row: #1a1b20;
  --row-alt: #16171b;
  --gold: #ff9f1c;
  --gold-deep: #e8590c;
  --gold-hover: #ffb84d;
  --ink-on-gold: #1a0a00;
  --text: #f3f1ee;
  --muted: #a7a9b1;
  --live: #e3170a;
  --cyan: #ffc46b;
  --masthead-top: #2a2c33;
  --logo-shadow: #000;
  --radius: 4px;
  --display: "Black Ops One", "Rubik", system-ui, sans-serif;
  --body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  background:
    repeating-linear-gradient(0deg, rgb(255 255 255 / 0.015) 0 1px, transparent 1px 3px),
    radial-gradient(120% 60% at 50% 0%, rgb(232 89 12 / 0.16) 0%, transparent 60%) fixed,
    linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%) fixed;
  background-color: var(--bg);
}

/* A red and amber stripe under the masthead, like a stunt-show banner. */
.masthead {
  border-bottom: 0;
  box-shadow: 0 4px 0 var(--gold-deep), 0 8px 0 var(--live), 0 12px 28px rgb(0 0 0 / 0.5);
}

/* Chrome lettering. drop-shadow, since text-shadow paints over clipped text. */
.logo { letter-spacing: 0.04em; }

.logo-top {
  background: linear-gradient(180deg, #ffffff 0%, #d9dce3 38%, #6d717c 50%, #c9ccd4 62%, #f6f7fa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(2px 2px 0 #000);
}

.logo-tv {
  background: var(--live);
  color: #fff;
  transform: skewX(-8deg);
}

.section-title { color: var(--gold); letter-spacing: 0.14em; }