:root {
}

.saison-2025{
	--primary-500: hsl(0deg 0% 100%);
	--secondary-500: hsl(0deg 0% 0%);
	--accent-1: var(--secondary);
	--black: hsl(0deg 0% 0%);
	--grey: hsl(0deg 0% 53%);
	--loader-bg-color: var(--black);
	--loader-ball-color: var(--secondary);
	--loader-color-border: var(--grey);
	--text-color: var(--secondary-500);

	/* --bg-color: var(--secondary); */

	::selection{
		color: var(--primary-500);
		background-color: var(--secondary-500);
	}

	.link--black{
		color: var(--secondary);
	}

	.icons:not(.button .icons){
		color: var(--secondary);
	}


	/* Loader */
	.loader{
		background-color: black;
	}

	.ball{
		background-color: var(--loader-ball-color);
	}

	.ball::before,
	.ball::after,
	.shadow{
		background-color: #4d3609;
	}

	.lines,
	.lines::before,
	.ball{
		outline-color: #4d3609;
	}

	/* Navbars */
	.navbars__buttons-icons .icons{
		color: var(--accent);
	}

	.navbars__buttons .button:first-child{
		color: var(--secondary-500);
		background: var(--primary-500);
	}

	.navbars .navbars__nav .dropdown__list a{
		color: var(--secondary-500);
	}

	@media screen and (max-width: 767px){
		.navbars .navbars__container{
			align-items: center;
			padding-top: .5rem;
			padding-bottom: .5rem;
		}

		.navbars__button--close{
			color: var(--secondary);
		}

		.navbars .navbars__nav .dropdown__items .link{
			color: var(--primary-500);
		}
	}

	/* Heading */
	.heading{
		--heading-color: var(--secondary-500);
		--after-color: var(--secondary);
	}

	/* Matchs */
	.matchs__last,
	.matchs__last::before{
		background-color: var(--grey);
	}

	.matchs{
		.button{
			color: var(--primary-500);
			background: var(--secondary-500);
			border-color: var(--secondary-500);
		}

		.heading{
			--heading-color: var(--primary-500);
		}

		.matchs__infos{
			color: var(--primary-500);
		}
	}

	.matchs__after{
		.button{
			color: var(--secondary-500);
			background: var(--primary-500);
			border-color: var(--primary-500);
		}
	}

	/* Footer */
	footer{
		.heading{
			--heading-color: var(--primary-500);
		}
	}

	/* Header */
	.header{
		background: black;
	}

	.header.decoration::before,
	.header .decoration::before{
		background: hsl(0deg 0% 8.2%);
	}

	.header.decoration::after,
	.header .decoration::after{
		background: hsl(0deg 0% 14.9%);
	}

	.header .icons{
		opacity: 0.3;
	}

	.header .heading,
	.header .heading.text-black{
		--heading-color: var(--primary-500);

		color: var(--primary-500);
	}




	.flex__column:has(.cups__item) .heading{
		--heading-color: var(--primary);
	}

	.flex__column:has( > .glass){
		background: var(--secondary-500);

		.heading{
			color: var(--primary-500);
		}

		.button{
			color: var(--secondary-500);
			background: var(--primary-500);
			border-color: var(--primary-500);
		}
	}

	.full-text-image__content::before{
		background: var(--secondary-500);
	}

	/* Slider */
	.slider .splide__pagination__page{
		background: var(--secondary-500);
	}

	.header .slider .splide__pagination__page{
		background: var(--primary-500);
	}

	.slider .splide__pagination__page.is-active{
		background: var(--primary);
	}

	/* Card */
	.card{
		--card-bg: transparent;
		--card-padding: 0;
		--card-shadow: none;
		--card-border: 0;
	}

	.card .heading{
		--heading-color: var(--secondary-500);
	}

	.card__body{
		color: var(--secondary-500);
	}

	/* Table */
	.standings-table th{
		background-color: var(--secondary-500);
	}

	table .position{
		color: var(--secondary-500);
	}

	/* Pagination */
	.pagination__link{
		color: var(--secondary-500);
	}

	.pagination__link.is-active{
		color: var(--secondary);
	}

	/* Devenir */
	#devenir .heading{
		color: var(--primary-500);
	}

	/* Field */
	.field input, .textarea, .ss-main {
		border-color: var(--secondary-500);
	}

	input:hover, input:focus-visible, input:focus, textarea:hover, textarea:focus-visible, textarea:focus, .ss-main:hover, .ss-main:focus-visible, .ss-main:focus{
		box-shadow: 0 0 5px 2px var(--grey);
	}

	[type="submit "] .button{
		background-color: var(--secondary-500);
		color: var(--primary-500);
	}

	.map{
		z-index: 0;
	}

	.map__infos,
	.map__infos::before{
		background: var(--secondary-500);
		color: var(--primary-500);
	}

	.map__infos .heading{
		color: var(--primary-500);
	}

	.map__content .heading::after{
		background: var(--secondary);
	}

	/* CTA */
	.cta--button.cta--fixed{
		background-color: var(--secondary);
		height: auto;
	}

	.cta__wrapper .list{
	color: var(--primary-500);
	}