optimizationmaxxing/tailwind.config.js at main · MaxxTopia/optimizationmaxxing · 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
/** @type {import('tailwindcss').Config} */
// Token names mirror clipmaxxing/aimmaxxer for cross-project component reuse.
// Each token resolves to a CSS variable so the active profile theme
// (Val / Sonic / DMC / BO3) can swap colors at runtime via ProfileProvider.
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        bg: {
          base: 'var(--bg-base)',
          raised: 'var(--bg-raised)',
          card: 'var(--bg-card)',
        },
        accent: {
          DEFAULT: 'var(--accent)',
          soft: 'var(--accent-soft)',
          dark: 'var(--accent-dark)',
        },
        secondary: {
          DEFAULT: 'var(--secondary)',
          dark: 'var(--secondary-dark)',
        },
        text: {
          DEFAULT: 'var(--text)',
          muted: 'var(--text-muted)',
          subtle: 'var(--text-subtle)',
        },
        border: {
          DEFAULT: 'var(--border)',
          glow: 'var(--border-glow)',
        },
      },
      fontFamily: {
        sans: ['var(--font-body)', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
        hero: ['var(--font-heading)', 'Inter', '-apple-system', 'sans-serif'],
        serif: ['"Cormorant Garamond"', 'Georgia', 'serif'],
      },
      keyframes: {
        'reveal-up': {
          from: { opacity: '0', transform: 'translateY(20px)' },
          to: { opacity: '1', transform: 'translateY(0)' },
        },
        'float-slow': {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-8px)' },
        },
        'pulse-accent': {
          '0%, 100%': { boxShadow: '0 0 0 0 var(--border-glow)' },
          '50%': { boxShadow: '0 0 0 12px transparent' },
        },
        'gradient-drift': {
          '0%, 100%': { transform: 'translate(0, 0) scale(1)' },
          '50%': { transform: 'translate(-3%, 2%) scale(1.05)' },
        },
      },
      animation: {
        'reveal-up': 'reveal-up 700ms cubic-bezier(0.16, 1, 0.3, 1) both',
        'float-slow': 'float-slow 6s ease-in-out infinite',
        'pulse-accent': 'pulse-accent 2.4s ease-in-out infinite',
        'gradient-drift': 'gradient-drift 24s ease-in-out infinite',
      },
      boxShadow: {
        'accent-glow': '0 0 20px var(--border-glow)',
        'accent-glow-lg': '0 0 40px var(--border-glow)',
      },
      backgroundImage: {
        'dot-grid':
          'radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0)',
      },
      backgroundSize: {
        'dot-grid': '24px 24px',
      },
    },
  },
  plugins: [],
}