/*
Theme Name:   SportStory
Theme URI:    https://sportstory.it
Description:  Child theme di Blocksy per SportStory.
Author:       RTM Studio
Author URI:   https://www.rtmstudio.it
Template:     blocksy
Version:      0.1.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain:  sportstory
*/

/* ==========================================================================
   1. Design tokens
   Valori provvisori: li definiamo quando abbiamo il logo.
   ========================================================================== */
:root {
	/* Colori brand (neutri: SportStory è multi-squadra) */
	--sps-color-primary:   #0f1b2d;
	--sps-color-accent:    #b08d57;
	--sps-color-text:      #1a1a1a;
	--sps-color-muted:     #6b6b6b;
	--sps-color-bg:        #ffffff;
	--sps-color-bg-alt:    #f5f3ef;
	--sps-color-border:    #e2ded6;

	/* Colori del singolo cofanetto (sovrascrivibili per squadra) */
	--sps-team-primary:    var(--sps-color-primary);
	--sps-team-secondary:  var(--sps-color-accent);

	/* Tipografia */
	--sps-font-heading:    Georgia, "Times New Roman", serif;
	--sps-font-body:       system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Spaziature (fluide) */
	--sps-space-xs:  clamp(0.25rem, 0.5vw, 0.5rem);
	--sps-space-s:   clamp(0.5rem, 1vw, 1rem);
	--sps-space-m:   clamp(1rem, 2vw, 1.5rem);
	--sps-space-l:   clamp(1.5rem, 4vw, 3rem);
	--sps-space-xl:  clamp(3rem, 8vw, 6rem);

	/* Larghezze */
	--sps-width:        min(96%, 1280px);
	--sps-width-narrow: min(96%, 760px);

	/* Varie */
	--sps-radius:      4px;
	--sps-transition:  0.2s ease;
}

/* ==========================================================================
   2. Utility
   ========================================================================== */
.sps-container {
	width: var(--sps-width);
	margin-inline: auto;
}

.sps-container--narrow {
	width: var(--sps-width-narrow);
	margin-inline: auto;
}

.sps-section {
	padding-block: var(--sps-space-xl);
}

/* ==========================================================================
   3. Componenti (si aggiungono man mano)
   ========================================================================== */