:root {
    /* Primary Colors */
    --color-primary_color-50: #fdfee8;
    --color-primary_color-100: #fafec3;
    --color-primary_color-200: #f9fd8b;
    --color-primary_color-300: #fcfb48;
    --color-primary_color-400: #f9ef23;
    --color-primary_color-500: #FBC200;
    --color-primary_color-600: #FBC200;
    --color-primary_color-700: #FBC200;
    --color-primary_color-800: #845f0f;
    --color-primary_color-900: #704d13;
    --color-primary_color-950: #422906;

    --color-secondary_color-50: #f6f6f7;
    --color-secondary_color-100: #e3e4e6;
    --color-secondary_color-200: #c9cbcf;
    --color-secondary_color-300: #a3a6ac;
    --color-secondary_color-400: #6e7279;
    --color-secondary_color-500: #3a3d42;
    --color-secondary_color-600: #33363a;
    --color-secondary_color-700: #2a2c30;
    --color-secondary_color-800: #1f2124;
    --color-secondary_color-900: #17181a;
    --color-secondary_color-950: #0c0d0e;
}

html,
body,
main {
    /* color: #555 !important; */
}

::selection {
    background-color: var(--color-primary_color-700);
    color: white;
}

.navigation-bcg {
    background-color: black !important;
    border-color: transparent !important;
}

.navigation-menu a,
.navigation-menu span,
.navigation-user a,
.navigation-user svg,
.navigation-user span,
.navigation-user div,
.club-swither div p,
.navar-item {
    color: rgba(255, 255, 255, 0.7) !important;
}

.navar-item-bar {
    background-color: var(--color-primary_color-300) !important;
}

/* Pasek na telefonie (premium/top) ma własne jasne tło - przy ciemnym pasku zestawu dostaje to samo tło
   co na komputerze, lekko przezroczyste (zdjęcie wjeżdża pod pasek), jasną nazwę klubu i ikony (EWZSS-1153). */
.navigation-mobile-bar {
    background-color: color-mix(in oklab, black 92%, transparent) !important;
    border-color: transparent !important;
}

.navigation-mobile-bar .mobile-brand,
.navigation-mobile-bar .mobile-brand-city {
    color: rgba(255, 255, 255, 0.7) !important;
}

.navigation-mobile-bar .material-symbols-rounded {
    color: var(--color-primary_color-300) !important;
}