:root {
	/* Brand & Colors (Light Theme Default) */
	--gg-primary: #6957FF;
	--gg-primary-hover: #5543F0;
	--gg-primary-light: #EDE9FE;
	--gg-primary-glow: rgba(105, 87, 255, 0.18);

	--gg-bg: #F7F8FA;
	--gg-surface: #FFFFFF;
	--gg-surface-alt: #F1F3F9;
	--gg-surface-card: #FFFFFF;

	--gg-text: #121317;
	--gg-text-secondary: #474D5A;
	--gg-text-muted: #707784;

	--gg-border: #E6E8EE;
	--gg-border-hover: #D0D4DF;

	--gg-success: #10B981;
	--gg-success-light: #ECFDF5;
	--gg-warning: #F59E0B;
	--gg-danger: #EF4444;

	/* Typography */
	--gg-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--gg-font-mono: 'JetBrains Mono', 'IBM Plex Mono', monospace;

	/* Radius */
	--gg-radius-xs: 6px;
	--gg-radius-sm: 10px;
	--gg-radius-md: 14px;
	--gg-radius-lg: 20px;
	--gg-radius-xl: 28px;
	--gg-radius-full: 9999px;

	/* Shadows */
	--gg-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
	--gg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
	--gg-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
	--gg-shadow-hover: 0 16px 40px rgba(105, 87, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);

	/* Spacing */
	--gg-space-xs: 4px;
	--gg-space-sm: 8px;
	--gg-space-md: 16px;
	--gg-space-lg: 24px;
	--gg-space-xl: 36px;
	--gg-space-2xl: 48px;
	--gg-space-3xl: 72px;

	/* Layout */
	--gg-container-wide: 1540px;
	--gg-container: 1200px;
	--gg-container-narrow: 820px;
	--gg-header-height: 72px;

	/* Transitions */
	--gg-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--gg-transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}