/**
 * plugins/vuetify.ts
 *
 * Framework documentation: https://vuetifyjs.com`
 */

// Composables
import { createVuetify, type ThemeDefinition } from 'vuetify'
import { zhHant } from 'vuetify/locale'
// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

const HPTheme: ThemeDefinition = {
  dark: false,
  colors: {
    'background': '#F0F9F6', // 頁面背景
    'surface': '#FFFFFF', // 卡片與白底區塊
    'primary': '#1D7063', // 主要品牌色
    'primary-darken-1': '#145248',
    'secondary': '#dc5349', // CTA 按鈕
    'secondary-darken-1': '#ab4c3d',
    'accent': '#47C2A6', // 標籤與強調
    'error': '#B00020',
    'info': '#2196F3',
    'success': '#4CAF50',
    'warning': '#FB8C00',
  },
}

// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
  locale: {
    locale: 'zhHant',
    fallback: 'zhHant',
    messages: { zhHant },
  },
  date: {
    locale: {
      zhHant: 'zh-TW',
    },
  },
  theme: {
    defaultTheme: 'HPTheme',
    themes: { HPTheme },
  },
})
