// Crewli Aura preset. Token values per RFC-WS-FRONTEND-PRIMEVUE Appendix B.
//
// Primary palette derives from Crewli teal #0D9394 (light primary) and
// #0B7F80 (dark primary) — the same values the Vuetify side uses at
// apps/app/src/plugins/vuetify/theme.ts. The two themes are intentionally
// kept in lockstep during the F3–F6 parallel-mode window so that pages
// in either framework render with identical brand color.
//
// Imports use @primeuix/themes (PrimeVue 4's officially documented theme
// package, per primevue.org/vite/), substituting RFC v1.0's reference to
// the deprecated @primevue/themes. See B1 commit for rationale.

import { definePreset } from '@primeuix/themes'
import Aura from '@primeuix/themes/aura'

export const staticPrimaryColor = '#0D9394'
export const staticPrimaryDarkenColor = '#0B7F80'

export const CrewliPreset = definePreset(Aura, {
  semantic: {
    primary: {
      50: '#E6F4F4',
      100: '#CCE9EA',
      200: '#99D3D4',
      300: '#66BDBE',
      400: '#33A7A8',
      500: '#0D9394',
      600: '#0B7F80',
      700: '#086B6C',
      800: '#055758',
      900: '#034344',
      950: '#012F30',
    },
    colorScheme: {
      light: {
        primary: {
          color: '{primary.500}',
          contrastColor: '#ffffff',
          hoverColor: '{primary.600}',
          activeColor: '{primary.700}',
        },
      },
      dark: {
        primary: {
          color: '{primary.400}',
          contrastColor: '{surface.900}',
          hoverColor: '{primary.300}',
          activeColor: '{primary.200}',
        },
      },
    },
  },
})

export default CrewliPreset