import type {Config} from 'tailwindcss'

/**
 * Config Tailwind du projet Starseed.
 *
 * @nuxtjs/tailwindcss merge automatiquement les configs de chaque layer
 * Nuxt declare dans `nuxt.config.ts:extends`. Le layer `@malio/layer-ui`
 * apporte deja :
 *  - borderRadius.malio (var CSS --m-radius)
 *  - colors.m.{primary,surface,border,text,muted,bg,disabled,danger,
 *    success,btn-*,site-blue,site-yellow,site-green}
 *  - fontFamily.sans (Helvetica Neue)
 *
 * Cette config locale ne redeclare QUE ce qui est specifique a Starseed
 * ou absent de la config Malio — evite la duplication et les derives.
 */
export default <Partial<Config>>{
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                // Couleurs applicatives Starseed (hors namespace `m` reserve
                // au design system Malio partage).
                primary: {
                    500: '#222783',
                },
                secondary: {
                    500: '#304998'
                },
                tertiary: {
                    500: '#F3F4F8'
                },
                blue: {
                    500: '#056CF2'
                },
                // Extensions au namespace `m` non couvertes par Malio 1.4.1.
                m: {
                    secondary: 'rgb(var(--m-secondary, 75 77 237) / <alpha-value>)',
                    tertiary: 'rgb(var(--m-tertiary, 243 244 248) / <alpha-value>)',
                }
            }
        }
    }
}
