/* Display tokens only. Channel presets and rendered video colors are independent. */
:root {
  color-scheme: light;
  --brand-red: #FB012D;
  --brand-action: #CF0027;
  --brand-action-hover: #B40022;
  --brand-ink: #121212;
  --brand-muted: #62666D;
  --brand-border: #DFE1E5;
  --brand-surface: #FFFFFF;
  --brand-canvas: #F6F7F9;
  --brand-soft: #FFF0F3;
  --brand-focus: #B40022;
  --brand-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.brand img { display: block; flex: none; object-fit: contain; }
:focus-visible { outline: 3px solid var(--brand-focus); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}