/*
 * Budget Thuis styling for the built-in cast-media-player.
 *
 * Values are taken from the STB's dark theme (BudgetThuisColors.DarkBudgetThuisColors) and its player overlay, so the
 * cast screen reads as the same product as the set-top box.
 */

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  src: url('../res/fonts/open_sans_regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  src: url('../res/fonts/open_sans_semi_bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  src: url('../res/fonts/open_sans_bold.ttf') format('truetype');
}

/*
 * Scoped to the document root rather than to cast-media-player. Custom properties only inherit downwards, and the
 * player is not the only thing the SDK styles from them: a smart display builds a different UI from the one an
 * Android TV device builds, and anything drawn outside the player falls back to the SDK's own defaults - which for
 * --theme-hue is 42, an orange the product never uses.
 */
:root {
  --playback-logo-image: url('../res/logo-white.svg');

  /* Hue of Primary500 (#3AAA35), which the player derives its accent shades from. */
  --theme-hue: 117;

  --progress-color: #3AAA35;

  /* Live content takes a separate variable, which defaults to the SDK's own red rather than to --progress-color.
     It colours the seekable bar, the inner progress bar and the dot beside the LIVE label. */
  --live-progress-color: #3AAA35;

  --font-family: 'Open Sans', sans-serif;

  --background-color: #0E0E0E;

  --splash-image: url('../res/splash.png');
  --splash-size: cover;
  --splash-repeat: no-repeat;
  --splash-color: #0E0E0E;

  --logo-image: url('../res/logo-green.svg');
  --logo-size: 240px;
  --logo-repeat: no-repeat;
  --logo-background: #0E0E0E;

  --play-image: url('../res/play.svg');
  --pause-image: url('../res/pause.svg');
}