multicorn-learn/tailwind.config.ts at main · Multicorn-AI/multicorn-learn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './app/**/*.{ts,tsx,md,mdx}',
    './components/**/*.{ts,tsx}',
    './content/**/*.{md,mdx}',
    './mdx-components.tsx',
  ],
  theme: {
    extend: {
      colors: {
        primary: '#7C3AED',
        'primary-light': '#8B5CF6',
        'primary-dark': '#6D28D9',
        shield: '#7C3AED',
        /** Learn hub course identity (use in /learn course surfaces; Shield brand stays `primary`) */
        'course-1-accent': '#22C55E',
        'course-2-accent': '#6366F1',
        'course-3-accent': '#14B8A6',
        'course-4-accent': '#8B5CF6',
        pink: '#EC4899',
        indigo: '#6366F1',
        /** Default Tailwind scale names for picker cards (flat `indigo`/`teal` above are single-value aliases). */
        'indigo-500': '#6366f1',
        orange: '#C2410C',
        green: '#22C55E',
        'green-dim': 'rgba(34, 197, 94, 0.12)',
        cyan: '#06B6D4',
        'cyan-dim': 'rgba(6, 182, 212, 0.10)',
        blue: '#3B82F6',
        teal: '#14B8A6',
        'teal-500': '#14b8a6',
        red: '#EF4444',
        surface: '#FFFFFF',
        'surface-secondary': '#F9FAFB',
        'surface-tertiary': '#F3F4F6',
        border: '#E5E7EB',
        'border-light': '#F3F4F6',
        'text-primary': '#111827',
        'text-secondary': '#6B7280',
        'text-tertiary': '#6B7280',
      },
      fontFamily: {
        sans: ['"Inter"', '"DM Sans"', 'system-ui', 'sans-serif'],
      },
      lineHeight: {
        relaxed: '1.75',
        loose: '2',
      },
      borderRadius: {
        card: '14px',
      },
      maxWidth: {
        content: '72rem',
      },
      keyframes: {
        drift: {
          '0%, 100%': { transform: 'translateY(0) rotate(0deg)', opacity: '0.7' },
          '50%': { transform: 'translateY(-18px) rotate(12deg)', opacity: '1' },
        },
        'drift-reverse': {
          '0%, 100%': { transform: 'translateY(0) rotate(0deg)', opacity: '1' },
          '50%': { transform: 'translateY(14px) rotate(-8deg)', opacity: '0.6' },
        },
        'gradient-shift': {
          '0%, 100%': { backgroundPosition: '0% 50%' },
          '50%': { backgroundPosition: '100% 50%' },
        },
        'flow-dot': {
          '0%': { transform: 'translateY(0)', opacity: '0' },
          '15%': { opacity: '1' },
          '85%': { opacity: '1' },
          '100%': { transform: 'translateY(var(--flow-distance, 40px))', opacity: '0' },
        },
        'agent-picker-fade': {
          from: { opacity: '0' },
          to: { opacity: '1' },
        },
      },
      animation: {
        drift: 'drift 6s ease-in-out infinite',
        'drift-reverse': 'drift-reverse 7s ease-in-out infinite',
        'gradient-shift': 'gradient-shift 8s ease infinite',
        'flow-dot': 'flow-dot 2s ease-in-out infinite',
        'agent-picker-fade': 'agent-picker-fade 0.2s ease-out',
      },
    },
  },
  plugins: [],
}

export default config