/* ======================== */
/*   Root variables CSS     */
/* ======================== */

:root {
    /* ========= Фон ========= */
    --bg-primary-light: #F5F6F8;
    --bg-primary-dark: #121317;
    --bg-panel-light: #FFFFFF;
    --bg-panel-dark: #1A1B1F;
  
    /* ========= Текст ========= */
    --text-primary-light: #1E1E1E;
    --text-primary-dark: #E0E0E0;
    --text-secondary-light: #7A7A7A;
    --text-secondary-dark: #A3A3A3;
  
    /* ========= Акценты ========= */
    --accent-favorite: #D9A700;   /* Избранные матчи */
    --accent-live: #C75B5B;       /* Live события */
    --accent-active: #4A90E2;     /* Активные элементы */
    --accent-hover: #3A78C2;      /* Hover */
    --accent-badge: #E89A6D;      /* Badge / индикаторы */
  
    /* ========= Текст на акцентах ========= */
    --text-on-accent-light: #FFFFFF; /* Белый текст на акцентных фонах */
    --text-on-accent-dark: #1E1E1E;  /* Тёмный текст на светлом акценте (желтый) */
  
    /* ========= Разделители / тени ========= */
    --border-light: #D9D9D9;
    --border-dark: #2B2B33;
    --shadow-light: rgba(0,0,0,0.05);
    --shadow-dark: rgba(0,0,0,0.15);
  
    /* ========= Фоны активных элементов ========= */
    --bg-active-light: rgba(74,144,226,0.15);
    --bg-active-dark: rgba(74,144,226,0.15);
  }
  


* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-primary-light);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: black;
}

p {
    margin-block: 0;
    margin-inline: 0;
}

ul {
    list-style-type: none;
}

button {
    font-family: inherit;
    font-size: inherit;
    border: 0;
    padding: 0;
}

.nav__link {
    color: #A6A6A6;
    font-size: 1rem;
    transition: color .4s;
}

.nav__link:hover {
    color: var(--white-color);
}

.nav__link.active-link {
    color: var(--white-color);
}