/* 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);

	/* 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;
}