55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
|
import type { Config } from 'tailwindcss'
|
||
|
|
|
||
|
|
const config: Config = {
|
||
|
|
content: [
|
||
|
|
'./src/**/*.{ts,tsx}',
|
||
|
|
],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
primary: {
|
||
|
|
DEFAULT: '#5BA4D9',
|
||
|
|
dark: '#006494',
|
||
|
|
light: '#8EC5E8',
|
||
|
|
},
|
||
|
|
navy: '#1C2B3A',
|
||
|
|
teal: '#2EC4A0',
|
||
|
|
surface: {
|
||
|
|
DEFAULT: '#f8f9fa',
|
||
|
|
low: '#f3f4f5',
|
||
|
|
high: '#ffffff',
|
||
|
|
},
|
||
|
|
'on-surface': '#191c1d',
|
||
|
|
outline: {
|
||
|
|
DEFAULT: '#72787e',
|
||
|
|
variant: '#c2c7ce',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
serif: ['Cormorant Garamond', 'Georgia', 'serif'],
|
||
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||
|
|
},
|
||
|
|
letterSpacing: {
|
||
|
|
headline: '-0.02em',
|
||
|
|
label: '0.1em',
|
||
|
|
},
|
||
|
|
borderRadius: {
|
||
|
|
xl: '0.75rem',
|
||
|
|
},
|
||
|
|
boxShadow: {
|
||
|
|
subtle: '0 20px 40px rgba(25, 28, 29, 0.06)',
|
||
|
|
card: '0 4px 16px rgba(25, 28, 29, 0.04)',
|
||
|
|
},
|
||
|
|
backgroundImage: {
|
||
|
|
'gradient-cta': 'linear-gradient(135deg, #006494, #5BA4D9)',
|
||
|
|
},
|
||
|
|
backdropBlur: {
|
||
|
|
glass: '20px',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
}
|
||
|
|
|
||
|
|
export default config
|