/**
 * 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 },
  },
});