/**
 * Dark Premium theme palette
 * Refined navy backgrounds, green actions, native iOS feel
 */

import type { ThemeColors } from './types'
import { NAVY, TEXT as TEXT_COLORS, BORDER_COLORS, GREEN, ORANGE } from '../constants/colors'

export const darkColors: ThemeColors = {
  bg: {
    base: NAVY[900],
    surface: NAVY[800],
    elevated: NAVY[700],
    overlay1: 'rgba(150,164,190,0.05)',
    overlay2: 'rgba(150,164,190,0.08)',
    overlay3: 'rgba(150,164,190,0.12)',
    scrim: 'rgba(0,0,0,0.6)',
  },
  text: {
    primary: TEXT_COLORS.PRIMARY,
    secondary: TEXT_COLORS.SECONDARY,
    tertiary: TEXT_COLORS.TERTIARY,
    muted: TEXT_COLORS.MUTED,
    hint: TEXT_COLORS.HINT,
    disabled: TEXT_COLORS.DISABLED,
  },
  surface: {
    default: {
      backgroundColor: NAVY[800],
      borderColor: BORDER_COLORS.DIM,
      borderWidth: 1,
    },
    accent: {
      backgroundColor: GREEN.DIM,
      borderColor: GREEN.BORDER,
      borderWidth: 1.5,
    },
    tip: {
      backgroundColor: ORANGE.DIM,
      borderColor: ORANGE[500],
      borderWidth: 1,
    },
  },
  border: {
    dim: BORDER_COLORS.DIM,
    hover: BORDER_COLORS.HOVER,
    brand: BORDER_COLORS.BRAND,
    separator: BORDER_COLORS.SEPARATOR,
  },
  gradients: {
    videoOverlay: ['transparent', 'rgba(0,0,0,0.8)'],
    videoTop: ['rgba(0,0,0,0.5)', 'transparent'],
  },
  colorScheme: 'dark',
  statusBarStyle: 'light',
}
