/* Vivid Cinema — shared design tokens. Kept intentionally small so page-specific CSS stays composable. */
:root{
  /* Shared Vivid editorial palette — inspired by the Newsroom. */
  --vivid-bg:#080a0e;
  --vivid-surface:#111318;
  --vivid-surface-strong:#191b21;
  --vivid-text:#f4f2ed;
  --vivid-text-secondary:#c1c0c4;
  --vivid-muted:#92939a;
  --vivid-accent:#c7ff55;
  --vivid-accent-strong:#d2ff72;
  --vivid-line:rgba(255,255,255,.09);
  --vivid-line-strong:rgba(255,255,255,.16);
  --vivid-radius-sm:10px;
  --vivid-radius-md:14px;
  --vivid-radius-lg:20px;
  --vivid-gutter:16px;
  --vivid-page-gutter:clamp(14px,3vw,48px);
  --vivid-section-title-size:clamp(24px,3vw,36px);
  --vivid-card-title-size:clamp(16px,1.5vw,22px);
  --vivid-card-meta-size:12px;
  --vivid-search-text-size:16px;
  --vivid-shell-height:64px;
  --vivid-mobile-nav-height:68px;
  --vivid-ui-blur:18px;
  --vivid-glass-blur:var(--vivid-ui-blur,18px);
  --vivid-ui-shadow:0 16px 44px rgba(0,0,0,.3);
  --vivid-font-display:Georgia,"Times New Roman",serif;
  --vivid-font-text:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}