import type { ThemeDefinition } from 'vuetify'

export const staticPrimaryColor = '#1d4ed8'

export const themes: Record<string, ThemeDefinition> = {
  light: {
    dark: false,
    colors: {
      'primary': '#1d4ed8',
      'on-primary': '#fff',
      'primary-darken-1': '#1e40af',
      'secondary': '#64748b',
      'on-secondary': '#fff',
      'success': '#10b981',
      'on-success': '#fff',
      'info': '#06b6d4',
      'on-info': '#fff',
      'warning': '#f59e0b',
      'on-warning': '#fff',
      'error': '#ef4444',
      'on-error': '#fff',
      'background': '#ffffff',
      'on-background': '#0f172a',
      'surface': '#ffffff',
      'on-surface': '#0f172a',
    },
    variables: {
      'overlay-scrim-background': '#0f172a',
      'overlay-scrim-opacity': 0.5,
      'hover-opacity': 0.04,
      'focus-opacity': 0.08,
      'selected-opacity': 0.06,
      'activated-opacity': 0.12,
      'pressed-opacity': 0.1,
      'disabled-opacity': 0.4,
      'border-color': '#0f172a',
      'border-opacity': 0.08,
      'high-emphasis-opacity': 0.9,
      'medium-emphasis-opacity': 0.6,
      'shadow-key-umbra-color': '#0f172a',
    },
  },
  dark: {
    dark: true,
    colors: {
      'primary': '#3b82f6',
      'on-primary': '#fff',
      'primary-darken-1': '#1d4ed8',
      'secondary': '#94a3b8',
      'on-secondary': '#fff',
      'success': '#10b981',
      'on-success': '#fff',
      'info': '#06b6d4',
      'on-info': '#fff',
      'warning': '#f59e0b',
      'on-warning': '#fff',
      'error': '#ef4444',
      'on-error': '#fff',
      'background': '#0f172a',
      'on-background': '#e2e8f0',
      'surface': '#1e293b',
      'on-surface': '#e2e8f0',
    },
    variables: {
      'overlay-scrim-background': '#020617',
      'overlay-scrim-opacity': 0.6,
      'hover-opacity': 0.06,
      'focus-opacity': 0.1,
      'selected-opacity': 0.08,
      'activated-opacity': 0.16,
      'pressed-opacity': 0.14,
      'disabled-opacity': 0.4,
      'border-color': '#e2e8f0',
      'border-opacity': 0.08,
      'high-emphasis-opacity': 0.9,
      'medium-emphasis-opacity': 0.6,
      'shadow-key-umbra-color': '#020617',
    },
  },
}
