CA/frontend/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#0F766E',
          light: '#14B8A6',
          muted: '#CCFBF1',
          deep: '#0D5C56',
        },
        mist: {
          DEFAULT: '#5B8FA8',
          light: '#E8F2F6',
          deep: '#3D6B82',
        },
        success: {
          DEFAULT: '#0D9488',
          light: '#CCFBF1',
        },
        warning: {
          DEFAULT: '#C27803',
          light: '#FEF3C7',
        },
        danger: {
          DEFAULT: '#C2410C',
          light: '#FFEDD5',
        },
        bg: {
          page: '#F0F4F6',
          card: '#FFFFFF',
          hover: '#E8EEF1',
          active: '#D8E4E9',
          elevated: '#FAFCFD',
        },
        text: {
          primary: '#1A2B33',
          secondary: '#5A6F7A',
          muted: '#8A9BA5',
        },
        border: {
          DEFAULT: '#D4DEE4',
          light: '#E8EEF1',
        },
      },
      fontFamily: {
        sans: ['"Noto Sans SC"', '"Outfit"', 'sans-serif'],
        display: ['"Outfit"', '"Noto Sans SC"', 'sans-serif'],
        mono: ['"IBM Plex Mono"', 'ui-monospace', 'monospace'],
      },
      boxShadow: {
        soft: '0 1px 2px rgba(26, 43, 51, 0.04), 0 4px 16px rgba(26, 43, 51, 0.05)',
        lift: '0 2px 8px rgba(15, 118, 110, 0.08), 0 8px 24px rgba(26, 43, 51, 0.06)',
        brand: '0 8px 32px rgba(15, 118, 110, 0.18)',
      },
      keyframes: {
        'fade-up': {
          '0%': { opacity: '0', transform: 'translateY(10px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        'fade-in': {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        'breath': {
          '0%, 100%': { opacity: '0.35' },
          '50%': { opacity: '0.55' },
        },
      },
      animation: {
        'fade-up': 'fade-up 0.5s ease-out both',
        'fade-in': 'fade-in 0.4s ease-out both',
        breath: 'breath 8s ease-in-out infinite',
      },
    },
  },
  plugins: [],
}