// =============================================================================
// 企微IT智能服务台 — 终端前端 Tailwind CSS 配置
// =============================================================================
// 说明：深色主题色板，大屏适配
//   - 自定义颜色对应架构文档8.5节定义
//   - 大字号断点（终端大屏专用）
// =============================================================================

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        // 深色主题色板（参考架构文档8.5节）
        'bg-primary': '#1a1a2e',       // 主背景
        'bg-card': '#16213e',           // 卡片背景
        'bg-card-hover': '#1a2744',     // 卡片悬停
        'bg-input': '#0f1729',          // 输入框背景
        'status-free': '#07C160',       // 空闲（企微绿）
        'status-busy': '#FF6B6B',       // 使用中（红色）
        'status-soon': '#FFA502',       // 即将开始（橙色）
        'text-primary': '#FFFFFF',      // 主文本
        'text-secondary': '#A0A0B0',    // 次要文本
        'text-muted': '#5A5A6A',        // 弱化文本
        'border-subtle': '#2A2A3E',     // 微妙边框
      },
      fontSize: {
        // 大屏字号规范
        'status-main': ['96px', '1'],     // 当前状态主字号
        'room-name': ['36px', '1.2'],     // 会议室名称
        'timeline': ['20px', '1.4'],      // 时间轴
        'button-text': ['24px', '1.2'],   // 操作按钮
      },
      screens: {
        // 移动端（手机竖屏）
        'mobile': '480px',
        // 平板
        'tablet': '768px',
        // 终端大屏分辨率
        'terminal': '1920px',
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'fade-in': 'fadeIn 0.3s ease-in-out',
        'slide-up': 'slideUp 0.3s ease-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { transform: 'translateY(20px)', opacity: '0' },
          '100%': { transform: 'translateY(0)', opacity: '1' },
        },
      },
    },
  },
  plugins: [],
}