/*
 * Alga Corsi — Design System v2 tokens
 * Source of truth for the 46 design tokens.
 * Enqueued globally via functions.php as 'alga-tokens'.
 *
 * Do NOT redeclare these tokens elsewhere. Use var(--*) everywhere.
 */

:root {
	/* --- Brand colours --- */
	--coral:              #FF6B4A;
	--coral-dark:         #E85535;
	--coral-light:        #FF9A7A;
	--coral-soft:         #FFF0ED;
	--peach:              #FFAB91;

	/* --- Accent: Mint (teal) --- */
	--mint:               #3DAA8C;
	--mint-dark:          #2E8A70;
	--mint-soft:          #E8F5F1;

	/* --- Accent: Sunshine --- */
	--sunshine:           #FFD166;
	--sunshine-soft:      #FFF8E1;

	/* --- Surfaces --- */
	--cream:              #FFF8F3;
	--white:              #FFFFFF;
	--warm-gray:          #F5EDE9;
	--border:             #EDD8D0;

	/* --- Text --- */
	--charcoal:           #2C1F1A;
	--charcoal-light:     #7A5C52;
	--charcoal-disabled:  #B89E97;

	/* --- State colours --- */
	--error:              #C84028;
	--success:            #2E8A70;

	/* --- Typography --- */
	--font-heading:       'Nunito', sans-serif;
	--font-body:          'DM Sans', sans-serif;

	/* --- Spacing (8 px base) --- */
	--space-xs:    4px;
	--space-sm:    8px;
	--space-md:    16px;
	--space-lg:    24px;
	--space-xl:    32px;
	--space-xxl:   48px;
	--space-3xl:   64px;
	--space-4xl:   80px;
	--space-5xl:   96px;
	--space-6xl:   128px;

	/* --- Border radius --- */
	--radius-sm:   8px;
	--radius-md:   12px;
	--radius-lg:   20px;
	--radius-xl:   28px;
	--radius-full: 100px;

	/* --- Shadows (warm-tinted) --- */
	--shadow-xs:    0 1px 3px rgba(44, 31, 26, 0.06);
	--shadow-sm:    0 2px 8px rgba(44, 31, 26, 0.08);
	--shadow-md:    0 4px 16px rgba(44, 31, 26, 0.10);
	--shadow-lg:    0 8px 32px rgba(44, 31, 26, 0.12);
	--shadow-coral: 0 4px 20px rgba(255, 107, 74, 0.22);

	/* --- Gradients --- */
	--gradient-hero:    linear-gradient(135deg, #FFF8F3 0%, #FFE8E0 100%);
	--gradient-cta:     linear-gradient(135deg, #FF6B4A 0%, #FF9A7A 100%);
	--gradient-section: linear-gradient(180deg, #FFF8F3 0%, #F5EDE9 100%);

	/* --- Transitions --- */
	--transition:      all 0.25s ease-out;
	--transition-fast: all 0.15s ease-out;

	/* --- Typography size scale (campo-estivo page typography) --- */
	--text-hero:    clamp(40px, 5vw, 64px);
	--text-h1:      clamp(36px, 4vw, 52px);
	--text-h2:      clamp(28px, 3vw, 40px);
	--text-h3:      24px;
	--text-h4:      20px;
	--text-body-lg: 18px;
	--text-body:    16px;
	--text-sm:      14px;
	--text-label:   12px;

	/* --- Animation durations + easing --- */
	--dur-fast:     160ms;
	--dur-base:     240ms;
	--dur-slow:     400ms;
	--ease-out:     cubic-bezier(.2, .7, .2, 1);

	/* --- Alias: pill radius (= --radius-full) --- */
	--radius-pill:  100px;
}