import { lightTheme } from './light'

export const glassLightTheme = lightTheme.new({
  color: {
    primary: '#3B82F6',
    success: '#10B981',
    warning: '#F59E0B',
    danger: '#EF4444',
    info: '#06B6D4',
    disabled: '#E5E7EB',
    default: '#F3F4F6'
  },
  bg: {
    color: {
      bottom: 'rgba(255, 255, 255, 0.45)',
      middle: 'rgba(255, 255, 255, 0.55)',
      top: 'rgba(255, 255, 255, 0.6)',
      hover: 'rgba(255, 255, 255, 0.75)',
      black: '#000000'
    },
    filter: { blur: 'blur(24px)', saturate: 'saturate(180%)' }
  },
  border: {
    color: 'rgba(15, 23, 42, 0.14)',
    mutedColor: 'rgba(15, 23, 42, 0.08)',
    width: 1,
    style: 'solid'
  },
  'text-color': {
    title: '#1E293B',
    main: '#334155',
    placeholder: '#94A3B8',
    second: '#64748B',
    assist: '#CBD5E1',
    disabled: '#94A3B8',
    white: '#FFFFFF'
  },
  shadow: { color: '#00000014', x: 0, y: 4, blur: 24, spread: 0, emboss: 'none' }
})

export const glassDarkTheme = glassLightTheme.new({
  color: { disabled: '#374151', default: '#1E293B' },
  bg: {
    color: {
      bottom: 'rgba(15, 23, 42, 0.6)',
      middle: 'rgba(15, 23, 42, 0.7)',
      top: 'rgba(15, 23, 42, 0.75)',
      hover: 'rgba(30, 41, 59, 0.85)',
      black: '#000000'
    },
    filter: { blur: 'blur(20px)', saturate: 'saturate(200%)' }
  },
  border: { color: 'rgba(255, 255, 255, 0.18)', mutedColor: 'rgba(255, 255, 255, 0.1)' },
  'text-color': {
    title: '#F8FAFC',
    main: '#F1F5F9',
    second: '#94A3B8',
    placeholder: '#64748B',
    assist: '#64748B',
    disabled: '#475569',
    white: '#ffffff'
  },
  shadow: {
    color: '#00000059',
    x: 0,
    y: 4,
    blur: 32,
    spread: 0,
    emboss: 'none',
    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',
    lg: '0 8px 24px 0 rgba(0, 0, 0, 0.55), 0 2px 6px 0 rgba(0, 0, 0, 0.35)'
  }
})