/**
 * Variables - Design Tokens
 * Olimpia Milano Child Theme
 */

:root {
	/* ======================================================================
	   Colors - Brand
	   ====================================================================== */
	--color-primary: #AA1A2D;
	--color-primary-dark: #6e1522;
	--color-primary-accent: #C8102E;
	--color-white: #ffffff;
	--color-black: #010101;
	--background-grey: #f5f5f5;

	/* ======================================================================
	   Colors - Neutral
	   ====================================================================== */
	--color-gray-900: #1a1a1a;
	--color-gray-700: #555;
	--color-gray-600: #666;
	--color-gray-500: #888;
	--color-gray-200: #ccc;
	--color-gray-100: #eee;
	--color-gray-50: #fafafa;
	--color-row-alt: #f0f0f0;

	/* ======================================================================
	   Colors - Semantic (on dark / past card)
	   ====================================================================== */
	--color-on-dark: #ffffff;
	--color-on-dark-muted: rgba(255, 255, 255, 0.9);
	--color-on-dark-subtle: rgba(255, 255, 255, 0.8);
	--color-on-dark-faint: rgba(255, 255, 255, 0.6);
	--color-on-dark-divider: rgba(255, 255, 255, 0.2);

	/* ======================================================================
	   Typography - Families
	   ====================================================================== */
	--font-bg-title: 'Saira Extra Condensed', 'Saira ExtraCondensed', sans-serif;

	/* ======================================================================
	   Typography - Sizes
	   ====================================================================== */
	--font-size-xs: 11px;
	--font-size-sm: 12px;
	--font-size-base: 14px;
	--font-size-md: 15px;
	--font-size-lg: 18px;
	--font-size-xl: 24px;
	--font-size-2xl: 28px;
	--font-size-3xl: 36px;
	--font-size-4xl: 42px;
	--font-size-bg-title: 30rem;

	/* ======================================================================
	   Typography - Weights
	   ====================================================================== */
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 800;

	/* ======================================================================
	   Spacing
	   ====================================================================== */
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 12px;
	--space-base: 16px;
	--space-lg: 20px;
	--space-xl: 24px;
	--space-2xl: 32px;

	/* ======================================================================
	   Border Radius
	   ====================================================================== */
	--radius-sm: 8px;
	--radius-md: 10px;
	--radius-lg: 12px;
	--radius-card: 16px;
	--radius-pill: 50px;

	/* ======================================================================
	   Shadows
	   ====================================================================== */
	--shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.12);

	/* ======================================================================
	   Transitions
	   ====================================================================== */
	--transition-fast: 0.2s ease;

	/* ======================================================================
	   Sizing - Logos & Icons
	   ====================================================================== */
	--logo-sm: 32px;
	--logo-md: 56px;
	--logo-lg: 80px;
	--icon-sm: 20px;
	--icon-md: 40px;

	/* ======================================================================
	   Layout
	   ====================================================================== */
	--euroleague-topbar-height: 65px;
	--card-gap: 24px;
	--card-padding-x: 20px;
	--card-padding-y: 16px;
	--card-body-padding-x: 24px;
	--card-body-padding-y: 32px;
	--divider-height: 3px;

	/* ======================================================================
	   Header (gestito da Aspetto → Opzioni Header, iniettato inline)
	   ====================================================================== */
}