/**
 * Dark theme palette
 * Values extracted from constants/colors.ts — same values, ThemeColors shape
 */

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

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