/* ============================================================
   M&DS — brand základ pre TV Booking appku
   Vlož priečinok /assets do repozitára a v index.html:  <link rel="stylesheet" href="assets/brand.css">
   ============================================================ */

/* ---- Písmo: TWK Everett (primárne), Arial (fallback) ----
   Pozn.: rez "Medium" (500) nebol dodaný — nadpisy preto idú na 700 (Bold).
   Ak Medium neskôr doplníš, pridaj @font-face so 'font-weight:500'. */
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"TWK Everett";src:url("fonts/TWKEverett-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}

/* ---- Farebné tokeny (z dizajn manuálu) ---- */
:root{
  --mds-dark:#12284B;     /* Dark Blue — nadpisy, hlavička, rámy */
  --mds-orange:#fd5000;   /* Orange — CTA, akcenty, flagy */
  --mds-blue:#6678ff;     /* Blue — sekundárne prvky, hover */
  --mds-black:#000000;
  --mds-bg:#ffffff;
  /* odvodené (priehľadnosťou dark blue) */
  --mds-dark-60:rgba(18,40,75,.6);
  --mds-dark-40:rgba(18,40,75,.4);
  --mds-dark-25:rgba(18,40,75,.25);
  --mds-dark-10:rgba(18,40,75,.10);
}

body{font-family:"TWK Everett",Arial,sans-serif;color:var(--mds-dark);background:var(--mds-bg)}
h1,h2,h3,h4{font-family:"TWK Everett",Arial,sans-serif;font-weight:700} /* manuál = Medium; dodaný len Bold */
strong,b{font-weight:700}

/* ---- Logo ----
   assets/logo.svg        = tmavomodré (na svetlom podklade)
   assets/logo-white.svg  = biele (na tmavomodrom/tmavom podklade) */
.mds-logo{display:inline-block;line-height:0}
.mds-logo img{display:block;height:48px;width:auto}