/* Rádio Vlna — brand overrides on top of the shared v3 design system.
   Colours taken from the station's own stylesheet (app.min.css):
     --red #e20613 / --red-dark #a7000a  ·  --blue #009fe2
   The shared CSS is built around --magenta, so remap that token rather than
   hunting down every rule. */
:root {
  --magenta: #e20613;
  --magenta-deep: #a7000a;
  --sc-stlpce: 2;
  --sc-pomer: 1860 / 608;   /* fotky relácií Vlny sú panorámy */
  --magenta-soft: #F8DEDB;
  --brand: #e20613;
  --brand-deep: #a7000a;
  --vlna-blue: #009fe2;
}

/* elements that hard-code the Fun Rádio pink instead of using the token */
.h-dot,
.microlabel::before,
.pr-dot,
.bl-dot,
.tl-lab,
.fs-ic,
.fs-col h4,
.fs-group h4,
.se-kind,
.fs-kind { color: #e20613; }

.pr-badge,
.chip--live,
.live-dot,
.tl-fill,
.tl-step.is-on .tl-dot,
.bl-dot,
.pr-dot { background: #e20613; }

.btn--primary,
.promo .btn--primary { background: #e20613; border-color: transparent; }
.btn--primary:hover,
.promo .btn--primary:hover { background: #a7000a; }

.player-progress .bar,
.player-progress:not(.live) .bar::after { background: #e20613; }

.nav .live { color: #e20613; }
.nav .live::before { background: #e20613; }

mark { background: rgba(226, 6, 19, .18); }

/* focus / hover accents */
.fs-chip:hover,
.rk-case:hover,
.sd-chip:hover,
.cat-nav a:hover { border-color: #e20613; color: #e20613; }
.se-input:focus,
.fs-input:focus { border-color: #e20613; }

/* the blue is Vlna's second brand colour — used for quiet accents */
.tl-num { color: var(--ink, #1B0E15); }
.dock-live:hover { border-color: #e20613; }

/* Doplnené odtiene — bez nich presvitá ružová Fun rádia (hover podcastov, linky, scrollbar). */
:root {
  --magenta-bright: #ff3340;
  --magenta-line: rgba(226, 6, 19, .18);
  --on-magenta: #fff2f2;
}