/**
 * Light theme palette
 * Apple HIG-aligned light mode values
 */

import { BRAND } from '../constants/colors'
import type { ThemeColors } from './types'

export const lightColors: ThemeColors = {
  bg: {
    base: '#FFFFFF',
    surface: '#F2F2F7',
    elevated: '#FFFFFF',
    overlay1: 'rgba(0, 0, 0, 0.03)',
    overlay2: 'rgba(0, 0, 0, 0.05)',
    overlay3: 'rgba(0, 0, 0, 0.08)',
    scrim: 'rgba(0, 0, 0, 0.4)',
  },
  text: {
    primary: '#000000',
    secondary: '#3C3C43',
    tertiary: 'rgba(60, 60, 67, 0.6)',
    muted: 'rgba(60, 60, 67, 0.5)',
    hint: 'rgba(60, 60, 67, 0.3)',
    disabled: '#C7C7CC',
  },
  glass: {
    base: {
      backgroundColor: 'rgba(0, 0, 0, 0.03)',
      borderColor: 'rgba(0, 0, 0, 0.08)',
      borderWidth: 1,
    },
    elevated: {
      backgroundColor: 'rgba(0, 0, 0, 0.05)',
      borderColor: 'rgba(0, 0, 0, 0.1)',
      borderWidth: 1,
    },
    inset: {
      backgroundColor: 'rgba(0, 0, 0, 0.06)',
      borderColor: 'rgba(0, 0, 0, 0.04)',
      borderWidth: 1,
    },
    tinted: {
      backgroundColor: 'rgba(255, 107, 53, 0.08)',
      borderColor: 'rgba(255, 107, 53, 0.2)',
      borderWidth: 1,
    },
    successTinted: {
      backgroundColor: 'rgba(48, 209, 88, 0.08)',
      borderColor: 'rgba(48, 209, 88, 0.2)',
      borderWidth: 1,
    },
    blurTint: 'light',
    blurLight: 20,
    blurMedium: 40,
    blurHeavy: 60,
    blurUltra: 80,
  },
  shadow: {
    sm: {
      shadowColor: '#000',
      shadowOffset: { width: 0, height: 2 },
      shadowOpacity: 0.08,
      shadowRadius: 8,
      elevation: 2,
    },
    md: {
      shadowColor: '#000',
      shadowOffset: { width: 0, height: 4 },
      shadowOpacity: 0.12,
      shadowRadius: 16,
      elevation: 4,
    },
    lg: {
      shadowColor: '#000',
      shadowOffset: { width: 0, height: 8 },
      shadowOpacity: 0.15,
      shadowRadius: 24,
      elevation: 8,
    },
    xl: {
      shadowColor: '#000',
      shadowOffset: { width: 0, height: 12 },
      shadowOpacity: 0.18,
      shadowRadius: 32,
      elevation: 12,
    },
    BRAND_GLOW: {
      shadowColor: BRAND.PRIMARY,
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.3,
      shadowRadius: 16,
      elevation: 8,
    },
    BRAND_GLOW_SUBTLE: {
      shadowColor: BRAND.PRIMARY,
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.2,
      shadowRadius: 10,
      elevation: 4,
    },
    LIQUID_GLOW: {
      shadowColor: BRAND.PRIMARY,
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.25,
      shadowRadius: 24,
      elevation: 12,
    },
  },
  border: {
    glass: 'rgba(0, 0, 0, 0.1)',
    glassLight: 'rgba(0, 0, 0, 0.05)',
    glassStrong: 'rgba(0, 0, 0, 0.15)',
    brand: 'rgba(255, 107, 53, 0.3)',
    success: 'rgba(48, 209, 88, 0.3)',
  },
  gradients: {
    videoOverlay: ['transparent', 'rgba(0, 0, 0, 0.6)'],
    videoTop: ['rgba(0, 0, 0, 0.3)', 'transparent'],
    glassShimmer: ['rgba(0,0,0,0.05)', 'rgba(0,0,0,0.02)', 'rgba(0,0,0,0.05)'],
  },
  colorScheme: 'light',
  statusBarStyle: 'dark',
}
