/* theme: classic-red — Betista AT palette (light canvas) */
:root {
  --header-bg: #ffffff;
  --header-color: #1c1b1a;
  --header-hover: #e60000;
  --header-border: rgba(230, 0, 0, 0.22);

  --page-bg: #ffffff;
  --page-color: #1c1b1a;
  --body-bg: #ffffff;
  --ink: #1c1b1a;
  --ink-soft: rgba(28, 27, 26, 0.72);
  --ink-faint: rgba(28, 27, 26, 0.56);

  --footer-bg: #1c1b1a;
  --footer-color: rgba(245, 244, 239, 0.82);
  --footer-hover: #e60000;

  --link-color: #e60000;
  --list-mark: #e60000;

  --brand: #e60000;
  --brand-deep: #8f0010;
  --green: #18c95f;
  --gold: #f3b84d;
  --line: rgba(28, 27, 26, 0.12);
  --surface: #f7f4ee;
  --surface-raised: #ffffff;
}

/* Light-canvas patches: skeleton hero/dock/table assume dark ink-on-dark */
.hero-stage {
  background:
    linear-gradient(120deg, rgba(230, 0, 0, 0.08), transparent 36%),
    linear-gradient(145deg, #ffffff 0%, #f7f4ee 58%, #fff3f3 100%);
}

.score-card {
  background: rgba(230, 0, 0, 0.05);
}

.metric strong,
.quick-table th {
  color: var(--ink);
}

.small-label,
.tag {
  color: var(--brand-deep);
  background: rgba(230, 0, 0, 0.08);
  border-color: rgba(230, 0, 0, 0.22);
}

.small-label::before {
  background: var(--brand);
  box-shadow: 0 0 16px color-mix(in srgb, var(--brand) 70%, transparent);
}

.ghost-link {
  background: rgba(28, 27, 26, 0.04);
}

.dock-cta__panel {
  background: rgba(255, 255, 255, 0.94);
}