/*
 * Colori ufficiali dei giochi delle stagioni (tema 2, D-82; specifica 0.9.21, C-04; brief 3.4 e 3.8). È l'unico file del
 * tema con colori fuori dalla palette FIRST, e solo per le fasce di stagione (classi fti-tinta--…). Valori
 * delle guide di stagione di FIRST riportati nel brief; il testo è sempre nero, con contrasto sopra 4,5:1 su ogni fondo.
 *
 * Ogni stagione definisce: fondo, testo, accento (barre), piastrella (date e numeri), pulsanti se ne ha, larghezza del
 * logo mostrato e la sua area di rispetto, 1/3 dell'altezza del logo (guida del kit di BIOBUZZ, 11.4; L-44). Sotto la
 * larghezza che serve al logo con l'area di rispetto, al suo posto si mostra il nome del gioco come testo (container
 * query fti-stagione).
 */

/* Pagina Stagioni, dove logo e testo stanno affiancati (commit 16, L-58): colonna dei loghi di 584 px al massimo, perché
   il testo resti leggibile nella colonna di 1200. I loghi hanno lo stesso peso, cioè la stessa area: la più grande che
   fa stare nella colonna il logo più largo, POWERPLAY, con la sua area di rispetto (466 + 2 × 59 = 584 px; 466 × 176,5).
   Nessuno scende sotto i 336 px di larghezza: INTO THE DEEP resta a 336, un po' più grande degli altri. Unica eccezione
   DECODE, verticale: a 336 px con l'area di rispetto chiederebbe 666 px, quindi è largo 294, il più che sta nella colonna
   con l'area di rispetto piena (Maurizio, 31/10/2026). Per ogni stagione --fti-larghezza-logo-pari e
   --fti-rispetto-logo-pari (sempre 1/3 dell'altezza del logo mostrato). */
.fti-stagione-fascia {
	--fti-colonna-logo-pari: 584px;
}

/* BIOBUZZ™ presented by RTX, 2026-27, con i colori di FIRST CANOPY (Maurizio, 02/11/2026, commit 41, L-85, sul modello di
   un post di FIRST Tech Challenge Benelux; prima il giallo chiaro della guida FT046). Fondo: lo sfondo topografico di
   FIRST CANOPY (tools/fondo-canopy.php) sopra il suo colore, #003B4E, misurato sul file ufficiale, così non si vede uno
   stacco. Titoli e testi bianchi (12,1:1); schede e riquadri nel giallo chiaro della palette del gioco con testo nero
   (16,8:1); date ed etichette in pillole del fondo teal con testo bianco; pulsanti #F7E326 con testo nero (16:1); link
   nel testo #F7E326 sottolineati (9,2:1 sul teal); fuoco bianco sul teal e nero nelle schede; esagoni come decorazione,
   con il contorno #F7E326 e alcuni pieni #BBA13E (assets/stagioni/biobuzz-esagoni.svg). Logo a colori invariato, 336 ×
   239: ha l'interno opaco #EEE89C (9,6:1 sul teal) e il contorno #0F1821. */
.fti-tinta--biobuzz {
	--fti-tinta-fondo: #003B4E;
	--fti-tinta-immagine: url("../brand/first-canopy-fondo.webp");
	--fti-tinta-decoro: url("../stagioni/biobuzz-esagoni.svg");
	--fti-tinta-testo: #FFFFFF;
	--fti-tinta-accento: #BBA13E;
	--fti-tinta-piastrella: #003B4E;
	--fti-tinta-scheda: #EEE9A5;
	--fti-tinta-scheda-testo: #000000;
	--fti-tinta-link: #F7E326;
	--fti-tinta-pulsante: #F7E326;
	--fti-tinta-pulsante-testo: #000000;
	--fti-rispetto-logo: 80px;
	--fti-larghezza-logo-pari: 340px;
	--fti-rispetto-logo-pari: 81px;
}

/* DECODE™ presented by RTX, 2025-26: fondo verde chiaro, accento arancio, date oro. Logo di DECODE da solo, verticale
   (commit 16, L-58; prima quello orizzontale con FIRST Tech Challenge), largo 294 px ovunque, 294 × 432: a 336 px
   con l'area di rispetto non starebbe nella colonna dei loghi di 584. */
.fti-tinta--decode {
	--fti-tinta-fondo: #92DBAC;
	--fti-tinta-testo: #000000;
	--fti-tinta-accento: #EA572E;
	--fti-tinta-piastrella: #E5AE32;
	--fti-rispetto-logo: 145px;
	--fti-larghezza-logo: 294px;
	--fti-larghezza-logo-pari: 294px;
	--fti-rispetto-logo-pari: 145px;
}

/* INTO THE DEEP℠ presented by RTX, 2024-25: fondo azzurro, accento blu, date gialle. Logo 336 × 372. */
.fti-tinta--into-the-deep {
	--fti-tinta-fondo: #ABD8E7;
	--fti-tinta-testo: #000000;
	--fti-tinta-accento: #0083AE;
	--fti-tinta-piastrella: #F5E565;
	--fti-rispetto-logo: 124px;
	--fti-larghezza-logo-pari: 336px;
	--fti-rispetto-logo-pari: 124px;
}

/* CENTERSTAGE℠ presented by RTX, 2023-24: fondo giallo chiaro della palette ufficiale di CENTERSTAGE (Maurizio,
   commit 36, L-78; di nuovo dal commit 39, L-81, dopo il blu del commit 38). Il logo ha le lettere oro e «PRESENTED BY»
   e il logo RTX neri su fondo trasparente (misurato sui pixel): non è una versione per fondi scuri, quindi la regola di
   FIRST su fondi chiari e scuri non c'entra. Le lettere oro sul giallo chiaro hanno poco contrasto: Maurizio l'ha visto
   e sceglie questo fondo. Accento giallo, date giallo chiaro, testo nero. Logo 336 × 140. */
.fti-tinta--centerstage {
	--fti-tinta-fondo: #F3E098;
	--fti-tinta-testo: #000000;
	--fti-tinta-accento: #FFB600;
	--fti-tinta-piastrella: #F3E098;
	--fti-rispetto-logo: 47px;
	--fti-larghezza-logo-pari: 444px;
	--fti-rispetto-logo-pari: 62px;
}

/* POWERPLAY℠ presented by Raytheon Technologies, 2022-23 (guida FT039): fondo bianco, perché il logo ha il fondo bianco
   pieno; accento giallo, date azzurre. Logo 338 × 128. */
.fti-tinta--powerplay {
	--fti-tinta-fondo: #FFFFFF;
	--fti-tinta-testo: #000000;
	--fti-tinta-accento: #FFB600;
	--fti-tinta-piastrella: #68C3E2;
	--fti-rispetto-logo: 43px;
	--fti-larghezza-logo: 338px;
	--fti-larghezza-logo-pari: 466px;
	--fti-rispetto-logo-pari: 59px;
}

/* Logo o nome: larghezza del logo più due volte l'area di rispetto, meno un pixel. */
@container fti-stagione (max-width: 495px) {
	.fti-tinta--biobuzz .fti-stagione-fascia__img {
		display: none;
	}

	.fti-tinta--biobuzz .fti-stagione-fascia__nome {
		display: block;
	}
}

@container fti-stagione (max-width: 583px) {
	.fti-tinta--decode .fti-stagione-fascia__img {
		display: none;
	}

	.fti-tinta--decode .fti-stagione-fascia__nome {
		display: block;
	}
}

@container fti-stagione (max-width: 583px) {
	.fti-tinta--into-the-deep .fti-stagione-fascia__img {
		display: none;
	}

	.fti-tinta--into-the-deep .fti-stagione-fascia__nome {
		display: block;
	}
}

@container fti-stagione (max-width: 429px) {
	.fti-tinta--centerstage .fti-stagione-fascia__img {
		display: none;
	}

	.fti-tinta--centerstage .fti-stagione-fascia__nome {
		display: block;
	}
}

@container fti-stagione (max-width: 423px) {
	.fti-tinta--powerplay .fti-stagione-fascia__img {
		display: none;
	}

	.fti-tinta--powerplay .fti-stagione-fascia__nome {
		display: block;
	}
}