change-engine/tailwind.config.ts at master · DirectorofPossibility/change-engine · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        /* ── Locked editorial palette (cool) ── */
        ink:        '#0d1117',
        paper:      '#f4f5f7',
        white:      '#ffffff',
        clay:       '#C4663A',
        muted:      '#5c6474',
        dim:        '#5c6474',
        faint:      '#8a929e',
        rule:       '#dde1e8',
        blue:       '#1b5e8a',
        'blue-lt':  '#2a7ab0',
        'blue-bg':  '#eef3f7',
        teal:       '#7ec8e3',
        civic:      '#b03a2a',
        // Pathway colors — editorial dark palette
        health:     '#1a6b56',
        'health-lt':'#e4f2ed',
        'health-dk':'#0a2a22',
        families:   '#1e4d7a',
        hood:       '#4a2870',
        voice:      '#7a2018',
        money:      '#6a4e10',
        planet:     '#1a5030',
        bigger:     '#1a3460',
        // Center colors — badges
        learning:   '#2563eb',
        action:     '#dc2626',
        resource:   '#16a34a',
        accountability: '#9333ea',
        // Dashboard sidebar
        sidebar: {
          bg: '#0d1117',
          hover: '#161b22',
          active: '#21262d',
        },
        brand: {
          bg: '#ffffff',
          'bg-alt': '#f4f5f7',
          cream: '#ffffff',
          text: '#0d1117',
          accent: '#1b5e8a',
          'accent-hover': '#164d72',
          muted: '#5c6474',
          'muted-light': '#8a929e',
          border: '#dde1e8',
          card: '#ffffff',
          success: '#16a34a',
          warning: '#6a4e10',
          danger: '#b03a2a',
          dark: '#0d1117',
          sand: '#dde1e8',
          warm: '#8a929e',
        },
        // Legacy theme.* aliases — map to new pathway colors
        theme: {
          health:       '#1a6b56',
          families:     '#1e4d7a',
          neighborhood: '#4a2870',
          voice:        '#7a2018',
          money:        '#6a4e10',
          planet:       '#1a5030',
          bigger:       '#1a3460',
        },
        center: {
          community:    '#9333ea',
          learning:     '#2563eb',
          resource:     '#16a34a',
          action:       '#dc2626',
        },
      },
      fontFamily: {
        display: ['var(--font-display)', 'Georgia', '"Times New Roman"', 'serif'],
        body:    ['var(--font-body)', 'Georgia', '"Times New Roman"', 'serif'],
        mono:    ['var(--font-mono)', '"Courier New"', 'Courier', 'monospace'],
        sans:    ['var(--font-body)', 'Georgia', '"Times New Roman"', 'serif'],
        serif:   ['var(--font-display)', 'Georgia', '"Times New Roman"', 'serif'],
      },
      fontSize: {
        'micro': ['0.6875rem', { lineHeight: '1.2' }],
        'display': ['3.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
        'headline': ['2.25rem', { lineHeight: '1.15', letterSpacing: '-0.01em' }],
        'title': ['1.5rem', { lineHeight: '1.25' }],
      },
      borderRadius: {
        'card': '0',
      },
      boxShadow: {
        'card': 'none',
        'card-hover': 'none',
        'offset': 'none',
        'offset-lg': 'none',
        'header': '0 1px 0 #dde1e8',
        'drop': 'none',
      },
      keyframes: {
        'fol-spin': {
          from: { transform: 'rotate(0deg)' },
          to: { transform: 'rotate(360deg)' },
        },
        'fol-pulse': {
          '0%, 100%': { transform: 'translate(-50%,-50%) scale(1)', opacity: '0.05' },
          '50%': { transform: 'translate(-50%,-50%) scale(1.002)', opacity: '0.053' },
        },
        'fol-pulse-cta': {
          '0%, 100%': { transform: 'translate(-50%,-50%) scale(1) rotate(0deg)', opacity: '0.06' },
          '50%': { transform: 'translate(-50%,-50%) scale(1.003) rotate(0.2deg)', opacity: '0.064' },
        },
        'lens-drift': {
          '0%': { transform: 'translate(0,0)', opacity: '0' },
          '15%': { opacity: '0.15' },
          '50%': { transform: 'translate(30px,-15px)', opacity: '0.08' },
          '85%': { opacity: '0.12' },
          '100%': { transform: 'translate(0,0)', opacity: '0' },
        },
      },
      animation: {
        'fol-spin': 'fol-spin 60s linear infinite',
        'fol-pulse': 'fol-pulse 10s ease-in-out infinite',
        'fol-pulse-cta': 'fol-pulse-cta 8s ease-in-out infinite',
        'lens-drift': 'lens-drift 12s ease-in-out infinite',
      },
    },
  },
  plugins: [],
}
export default config