Noveris-AI.github.io/tailwind.config.mjs at main · Noveris-AI/Noveris-AI.github.io · 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
import typography from '@tailwindcss/typography';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}'],
  darkMode: ['class', '[data-theme="dark"]'],
  theme: {
    extend: {
      fontFamily: {
        display: ['"Space Grotesk"', '"SF Pro Display"', 'system-ui', 'sans-serif'],
        body: ['"Manrope"', '"SF Pro Text"', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace']
      },
      colors: {
        brand: {
          50: '#f0f6ff',
          100: '#dceafe',
          200: '#bfdcff',
          300: '#9ac6ff',
          400: '#67a8ff',
          500: '#3f87f5',
          600: '#2c68d8',
          700: '#2553af',
          800: '#25488f',
          900: '#223f78'
        }
      },
      boxShadow: {
        glow: '0 0 0 1px rgba(63, 135, 245, 0.35), 0 12px 48px rgba(37, 83, 175, 0.16)',
        soft: '0 12px 32px rgba(15, 23, 42, 0.08)'
      },
      animation: {
        float: 'float 9s ease-in-out infinite',
        fadein: 'fadein 700ms cubic-bezier(0.16, 1, 0.3, 1) forwards'
      },
      keyframes: {
        float: {
          '0%, 100%': { transform: 'translateY(0)' },
          '50%': { transform: 'translateY(-10px)' }
        },
        fadein: {
          from: { opacity: '0', transform: 'translateY(8px)' },
          to: { opacity: '1', transform: 'translateY(0)' }
        }
      }
    }
  },
  plugins: [typography]
};