Files
Aether/frontend/tailwind.config.js
T
2026-02-24 21:25:40 +03:00

54 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
'bg-sand': '#F5F5F1',
'card-white': '#FFFFFF',
'accent-terracotta': '#D27D56',
'accent-olive': '#6B705C',
'text-main': '#2C2C2C',
'text-muted': '#8B8B8B',
'input-bg': '#F9F9F7',
'error-soft': '#C79A8B',
},
fontFamily: {
'lora': ['Lora', 'serif'],
'inter': ['Inter', 'sans-serif'],
},
boxShadow: {
'soft': '0 15px 45px rgba(107, 112, 92, 0.1), 0 0 0 1px rgba(107, 112, 92, 0.05)',
'logo': '0 4px 12px rgba(107, 112, 92, 0.15)',
},
spacing: {
'safe-start': 'max(1rem, env(safe-area-inset-left))',
'safe-end': 'max(1rem, env(safe-area-inset-right))',
'safe-top': 'max(1rem, env(safe-area-inset-top))',
'safe-bottom': 'max(1rem, env(safe-area-inset-bottom))',
},
minHeight: {
'touch': '44px',
'touch-lg': '48px',
},
minWidth: {
'touch': '44px',
'touch-lg': '48px',
},
screens: {
'xs': '360px',
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1280px',
'2xl': '1536px',
'touch': { 'raw': '(hover: none) and (pointer: coarse)' },
},
},
},
plugins: [],
}