/* EasyGains CSS Design Tokens */

:root {
	--eg-color-primary: #ff6b35;
	--eg-color-primary-light: #ff8c42;
	--eg-color-secondary: #4ecdc4;
	--eg-color-secondary-light: #6fe3db;
	--eg-color-tertiary: #ffe66d;
	--eg-color-success: #2ed573;
	--eg-color-error: #ff4757;
	--eg-color-warning: #e1ad01;
	--eg-color-info: #3498db;

	--eg-font-display: 2rem;
	--eg-font-title: 1.5rem;
	--eg-font-subtitle: 1.25rem;
	--eg-font-body: 1rem;
	--eg-font-caption: 0.875rem;
	--eg-font-small: 0.75rem;
	--eg-font-metric: 3rem;

	--eg-touch-min: 48px;
	--eg-touch-large: 72px;

	--eg-spacing-xs: 0.25rem;
	--eg-spacing-sm: 0.5rem;
	--eg-spacing-md: 1rem;
	--eg-spacing-lg: 1.5rem;
	--eg-spacing-xl: 2rem;

	--eg-radius-sm: 4px;
	--eg-radius-md: 8px;
	--eg-radius-lg: 12px;
	--eg-radius-xl: 16px;
	--eg-radius-pill: 9999px;

	--eg-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
	--eg-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.5);
	--eg-shadow-glow-primary: 0 0 20px rgba(255, 107, 53, 0.3);
	--eg-shadow-glow-success: 0 0 20px rgba(46, 213, 115, 0.3);

	--eg-transition-fast: 150ms ease;
	--eg-transition-medium: 300ms ease;
	--eg-transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

	--eg-bottom-nav-height: 80px;
	--eg-safe-area-bottom: env(safe-area-inset-bottom, 0px);
	--eg-safe-area-top: env(safe-area-inset-top, 0px);

	/* Palette — default dark */
	--eg-palette-background: #121212;
	--eg-palette-surface: #1e1e1e;
	--eg-palette-surface-accent: #1a1a1a;
	--eg-palette-text-primary: #ffffff;
	--eg-palette-text-secondary: #b0b0b0;
	--eg-palette-text-disabled: #666666;
	--eg-palette-divider: #2a2a2a;
	--eg-palette-divider-light: #333333;
	--eg-palette-primary: #ff6b35;
	--eg-palette-secondary: #4ecdc4;
	--eg-palette-tertiary: #ffe66d;
	--eg-palette-error: #ff4757;
	--eg-palette-success: #2ed573;
	--eg-palette-warning: #e1ad01;
	--eg-palette-info: #3498db;

	/* ── Muscle group accents ──
	   One hue per primary muscle group, used by the exercise-row pill. Kept in the
	   dark-only palette; backgrounds are derived with color-mix(..., transparent).
	   Hues are grouped by body region but rotated within each family so that
	   frequently co-occurring groups (chest vs. quads, lats vs. back) stay distinct. */
	--eg-mg-chest: #ff6b6b;
	--eg-mg-back: #4dabf7;
	--eg-mg-shoulders: #ffa94d;
	--eg-mg-biceps: #9775fa;
	--eg-mg-triceps: #f783ac;
	--eg-mg-forearms: #63e6be;
	--eg-mg-abs: #ffe066;
	--eg-mg-quads: #a9e34b;
	--eg-mg-hamstrings: #51cf66;
	--eg-mg-glutes: #e599f7;
	--eg-mg-calves: #38d9a9;
	--eg-mg-traps: #b197fc;
	--eg-mg-lats: #66d9e8;
	--eg-mg-lower-back: #748ffc;
	--eg-mg-hip-flexors: #ffd43b;
	--eg-mg-adductors: #8ce99a;
	--eg-mg-abductors: #d8f5a2;
	--eg-mg-neck: #ced4da;
	--eg-mg-full-body: #4ecdc4;
	--eg-mg-cardio: #ff6b35;
}