:root {
  --bg: #111827;
  --bg2: #1f2937;
  --card: #1f2937;
  --paper: #1f2937;
  --text: #fee2e2;
  --muted: #9ca3af;
  --line: rgba(220,38,38,.32);
  --gold: #dc2626;
  --gold-dim: rgba(220,38,38,.2);
  --blue: #dc2626;
  --blue-deep: #991b1b;
  --blue-soft: #3f1d1d;
  --copper: #f97316;
  --copper-soft: rgba(249,115,22,.16);
  --patina: #14b8a6;
  --red: #ef4444;
  --footer: #020617;
  --footer-deep: #000;
  --radius: 4px;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.875rem;
  --fs-body: 1rem;
  --fs-md: 1.05rem;
  --shadow: 0 6px 18px rgba(0,0,0,.3);
  --header-h: 68px;
  --header-bg: #020617;
  --header-border: #dc2626;
  --header-shadow: none;
  --nav-fg: #d1d5db;
  --body-bg: #111827;
  --hero-bg: #020617;
  --btn: #dc2626;
  --btn-text: #fff;
  --btn-shadow: 0 8px 18px rgba(220,38,38,.28);
  --btn-ghost-fg: #fecaca;
  --btn-ghost-bg: #1f2937;
  --btn-ghost-border: #7f1d1d;
  --logo-bg: #dc2626;
  --logo-radius: 2px;
  --logo-shadow: none;
  --badge-bg: #dc2626;
  --panel: #1f2937;
  --input-bg: #111827;
  --input-fg: #fee2e2;
  --chip-bg: #1f2937;
  --chip-fg: #9ca3af;
  --tile-bg: #1f2937;
  --font: Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
  color-scheme: dark;
}
body.body-m41-noir {
  background: #111827;
  color: #fee2e2;
}

@media (min-width: 1101px) {
  body[data-cols="5"] .movie-grid,
  body[data-cols="5"] .cq-card-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
  body[data-cols="6"] .movie-grid,
  body[data-cols="6"] .cq-card-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
}
body[data-cols="6"] .movie-card-body { padding: 8px 8px 10px; }
body[data-cols="6"] .movie-card h3 { font-size: 0.82rem; }
body[data-cols="5"] .movie-card-body { padding: 10px 10px 12px; }
body[data-cols="5"] .movie-card h3 { font-size: 0.92rem; }


.studio-rail { height: 4px; background: #dc2626; }
.header-brand__title,
.hero-bar h1,
.page-hero h1,
.section-head h2 { font-family: Oswald,system-ui,sans-serif; letter-spacing: .04em; }
.header-brand__logo { clip-path: polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%); }
.hero-visual img { filter: brightness(.82); }
.movie-card { border: 0; box-shadow: none; border-radius: 4px; }
.category-tile { border-radius: 0; border-left-width: 4px; }

