export const colors = {
  background: '#0A0E1A',
  surface: '#131831',
  surfaceLight: '#1C2345',
  primary: '#6C63FF',
  primaryLight: '#8B85FF',
  accent: '#00E5FF',
  accentGlow: 'rgba(0, 229, 255, 0.3)',
  success: '#00E676',
  warning: '#FFD740',
  error: '#FF5252',
  text: '#FFFFFF',
  textSecondary: '#8A8FB5',
  textMuted: '#4A5078',
  border: '#1E2548',
  glow: 'rgba(108, 99, 255, 0.4)',
  planetCore: '#6C63FF',
  planetGlow: 'rgba(108, 99, 255, 0.6)',
  orbitLine: 'rgba(108, 99, 255, 0.2)',
  orbitActive: '#00E5FF',
  star: 'rgba(255, 255, 255, 0.6)',
};

export const fonts = {
  sizes: {
    xs: 12,
    sm: 14,
    md: 16,
    lg: 20,
    xl: 24,
    xxl: 32,
    hero: 40,
  },
  weights: {
    regular: '400',
    medium: '500',
    semibold: '600',
    bold: '700',
  },
};

export const spacing = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
  xxl: 48,
};

export const borderRadius = {
  sm: 8,
  md: 12,
  lg: 16,
  xl: 24,
  full: 999,
};
