tailwind.config.js

/** @type {import('tailwindcss').Config} */
// 디자인 토큰 SSOT: docs/ux-spec.md §4 (토스풍 클린 라이트, 강조=밝은 하늘색). 다크모드 없음.
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        brand: {
          DEFAULT: '#38BDF8',
          600: '#0EA5E9',
          700: '#0369A1',
          tint: '#EAF7FE',
          tint2: '#F3FBFF',
        },
        ink: {
          DEFAULT: '#191F28',
          muted: '#4E5968',
          soft: '#8B95A1',
        },
        hairline: '#EDF1F5',
        canvas: '#F7F9FB',
        success: '#22C55E',
        warn: '#F59E0B',
      },
      borderRadius: {
        card: '20px',
        panel: '14px',
        pill: '999px',
      },
      boxShadow: {
        card: '0 1px 2px rgba(20,30,50,.03)',
        cta: '0 4px 14px rgba(56,189,248,.38)',
      },
      fontFamily: {
        sans: ['Pretendard', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
      },
      maxWidth: {
        content: '860px',
      },
    },
  },
  plugins: [],
}