/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        navy: '#08254A',
        primary: {
          50:  '#EEF4FF',
          100: '#D1E0FF',
          300: '#84ADFF',
          400: '#528BFF',
          500: '#155EEF',
          600: '#155EEF',
          700: '#0B4FD6',
          800: '#0A3FAA',
        },
        surface: '#FFFFFF',
        canvas: '#F7F9FC',
        // Flat keys so @apply text-ink / border-line resolve (nested DEFAULT breaks @apply)
        ink: '#344054',
        'ink-strong': '#101828',
        'ink-secondary': '#667085',
        'ink-disabled': '#98A2B3',
        line: '#E4E7EC',
        'line-strong': '#D0D5DD',
        clinical: {
          safe:     '#079455',
          'safe-bg': '#ECFDF3',
          warning:  '#DC6803',
          'warning-bg': '#FFFAEB',
          danger:   '#D92D20',
          'danger-bg': '#FEF3F2',
          critical: '#B42318',
          'critical-bg': '#FEE4E2',
        },
      },
      fontFamily: {
        sans: [
          '"Public Sans"',
          'ui-sans-serif',
          'system-ui',
          '-apple-system',
          'sans-serif',
        ],
      },
      borderRadius: {
        control: '6px',
        input: '8px',
        card: '10px',
        panel: '12px',
      },
      boxShadow: {
        card: '0 1px 2px rgba(16, 24, 40, 0.04)',
        dialog: '0 8px 24px rgba(16, 24, 40, 0.12)',
      },
      spacing: {
        18: '4.5rem',
        22: '5.5rem',
      },
      screens: {
        xs: '480px',
      },
    },
  },
  plugins: [],
}
