/* Metronet Design v2 (Reborn) — shared brand tokens */
:root {
  --mtv-brand-primary: #da3a2f;
  --mtv-brand-primary-oklch: oklch(58.5% .235 25.5);
  --mtv-brand-red-glow: #e85a45;
  --mtv-brand-primary-dark: #c03228;

  --mtv-brand-ink: #101218;
  --mtv-brand-text: #2b2d35;
  --mtv-brand-muted: #76787a;
  --mtv-brand-surface: #f5f5f7;
  --mtv-brand-bg: #f4f5f6;
  --mtv-brand-border: #e3e4e8;

  /* Legacy aliases used across stylesheets */
  --mtv-brand-secondary: var(--mtv-brand-ink);
  --mtv-brand-navy: var(--mtv-brand-text);

  /* METROTV sub-brand accent */
  --mtv-brand-metrotv: #00a651;

  --mtv-brand-font: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mtv-brand-font-display: 'Sora', 'Inter', ui-sans-serif, system-ui, sans-serif;

  --mtv-radius: 26px;
  --mtv-radius-pill: 9999px;
  --mtv-shadow: 0 12px 40px -12px oklch(18% .02 260 / .12);
  --mtv-shadow-glow: 0 30px 80px -20px oklch(58.5% .235 25.5 / .45);
  --mtv-gradient-primary: linear-gradient(135deg, oklch(58.5% .235 25.5), oklch(68% .225 28));
  --mtv-gradient-radial: radial-gradient(circle at 30% 20%, oklch(68% .225 28 / .18), transparent 60%);
}