/* global React */
const theme = {
  // Palette
  skyBlue: '#90D5FF', lavender: '#D0C5FF', softPink: '#FFCFFF',
  peach: '#FFD8B0', lightYellow: '#FFFDD0',
  deepBlue: '#4A9FFF', royalPurple: '#9B7FFF', rosePink: '#FF9FE5', warmOrange: '#FFB380',
  charcoal: '#2D2D3D', darkGray: '#5A5A6E', mediumGray: '#9B9BAF',
  lightGray: '#D4D4E0', offWhite: '#F5F5FA', white: '#FFFFFF',
  black: '#0A0A14',
  darkBg: '#0E0E1A', darkBg2: '#15151F', darkBg3: '#1E1E2C',
  // Gradients
  gradPrimary: 'linear-gradient(90deg,#90D5FF 0%,#D0C5FF 50%,#FFCFFF 100%)',
  gradEnergetic: 'linear-gradient(90deg,#4A9FFF 0%,#9B7FFF 40%,#FF9FE5 75%,#FFB380 100%)',
  gradSoft: 'linear-gradient(90deg,#FFFDD0 0%,#FFD8B0 50%,#FFCFFF 100%)',
  gradSpectrum: 'linear-gradient(90deg,#90D5FF,#9BE5F5,#D0C5FF,#FFCFFF,#FFD8B0,#FFFDD0)',
  gradCool: 'linear-gradient(135deg,#90D5FF 0%,#B5CCFF 50%,#D0C5FF 100%)',
  // Shape
  radiusMd: 14, radiusLg: 20, radiusXl: 28, radiusPill: 999,
  shadowSm: '0 2px 6px rgba(45,45,61,0.08)',
  shadowMd: '0 6px 18px rgba(45,45,61,0.10)',
  shadowLg: '0 16px 40px rgba(45,45,61,0.14)',
  shadowXl: '0 28px 64px rgba(45,45,61,0.18)',
  shadowGlow: '0 0 60px rgba(155,127,255,0.35), 0 0 120px rgba(255,159,229,0.25)',
  // Fonts
  fontDisplay: '"Montserrat","Noto Sans TC",system-ui,sans-serif',
  fontBody: '"Noto Sans TC","Inter",system-ui,-apple-system,sans-serif',
  fontMono: '"JetBrains Mono",ui-monospace,monospace',
};
window.theme = theme;