/**
 * EZ Golf Academy - Elite Performance Design System
 * WCAG 2.1 AA compliant | Premium minimal layout
 *
 * @package EZGolfAcademy
 * @since 1.0.0
 */

/* ========================================
   Design Tokens - Elite Performance
   ======================================== */

:root {
	/* --- Brand Colors (official) --- */
	--ez-navy: #0E2A47;
	--ez-gold: #FFC72C;
	--ez-gold-hover: #E6B325;
	--ez-cream: #F5F2EA;
	--ez-charcoal: #1C1C1C;

	/* --- Color Palette (WCAG AA) — semantic aliases --- */
	--ez-primary: var(--ez-navy);
	--ez-primary-rgb: 14, 42, 71;
	--ez-accent: var(--ez-gold);
	--ez-accent-rgb: 255, 199, 44;
	--ez-accent-hover: var(--ez-gold-hover);
	--ez-accent-muted: rgba(255, 199, 44, 0.15);
	
	/* Text - high contrast */
	--ez-text: #0D1B2A;
	--ez-text-muted: #4A5568;
	--ez-text-inverse: #FFFFFF;
	--ez-text-on-accent: #001F3F; /* Navy on gold = 4.5:1+ */
	
	/* Surfaces */
	--ez-surface: #FFFFFF;
	--ez-surface-alt: var(--ez-cream);
	--ez-surface-elevated: #FFFFFF;
	--ez-border: rgba(14, 42, 71, 0.08);
	--ez-border-strong: rgba(14, 42, 71, 0.15);
	
	/* Section spacing - rhythm */
	--ez-space-xs: 0.5rem;
	--ez-space-sm: 1rem;
	--ez-space-md: 1.5rem;
	--ez-space-lg: 2rem;
	--ez-space-xl: 3rem;
	--ez-space-2xl: 4rem;
	--ez-space-3xl: 5rem;
	--ez-section-padding: clamp(4rem, 8vw, 6rem);
	--ez-section-padding-sm: clamp(3rem, 6vw, 4rem);
	
	/* Typography */
	--ez-font-display: 'DM Sans', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	--ez-font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	
	--ez-text-xs: 0.75rem;
	--ez-text-sm: 0.875rem;
	--ez-text-base: 1rem;
	--ez-text-lg: 1.125rem;
	--ez-text-xl: 1.25rem;
	--ez-text-2xl: 1.5rem;
	--ez-text-3xl: 2rem;
	--ez-text-4xl: 2.5rem;
	--ez-text-5xl: 3rem;
	--ez-text-hero: clamp(2.5rem, 5vw, 4rem);
	
	--ez-leading-tight: 1.2;
	--ez-leading-snug: 1.375;
	--ez-leading-normal: 1.5;
	--ez-leading-relaxed: 1.625;
	
	--ez-tracking-tight: -0.02em;
	--ez-tracking-wide: 0.05em;
	--ez-tracking-wider: 0.1em;
	
	/* Buttons */
	--ez-btn-radius: 9999px;
	--ez-btn-padding-x: 1.75rem;
	--ez-btn-padding-y: 0.875rem;
	--ez-btn-padding-lg-x: 2.25rem;
	--ez-btn-padding-lg-y: 1rem;
	
	/* Cards */
	--ez-card-radius: 12px;
	--ez-card-radius-lg: 16px;
	--ez-card-shadow: 0 1px 3px rgba(14, 42, 71, 0.06);
	--ez-card-shadow-hover: 0 12px 40px rgba(14, 42, 71, 0.08);
	--ez-card-border: 1px solid var(--ez-border);
	
	/* Transitions */
	--ez-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--ez-transition-slow: 0.35s cubic-bezier(0.4, 0, 0.2, 1);

	/* Radius + shadows (premium UI) */
	--ez-radius-lg: 16px;
	--ez-radius-xl: 22px;
	--ez-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.10);
	--ez-shadow-md: 0 12px 34px rgba(0, 0, 0, 0.14);
	--ez-space-1: 6px;
	--ez-space-2: 10px;
	--ez-space-3: 14px;
	--ez-space-4: 18px;
	--ez-space-5: 26px;
	--ez-space-6: 38px;
}