import type { Config } from 'tailwindcss';import forms from '@tailwindcss/forms';import typography from '@tailwindcss/typography';const config: Config = { content: ['./src/**/*.{html,js,svelte,ts}'], theme: { extend: { colors: { surface: { 0: '#0a0a0c', 1: '#131316', 2: '#1a1a1f', 3: '#232329', 4: '#2e2e36' }, accent: { DEFAULT: '#ff2d55', soft: '#ff6b8a', dim: '#b81e3d' }, ink: { high: '#f5f5f7', med: '#a1a1aa', low: '#6b6b73' } }, fontFamily: { sans: ['system-ui', '-apple-system', 'SF Pro Display', 'Inter', 'sans-serif'] }, backdropBlur: { heavy: '40px' }, transitionTimingFunction: { spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)' } } }, plugins: [ forms, typography, function ({ addUtilities }: { addUtilities: (u: Record<string, Record<string, string>>) => void }) { addUtilities({ '.safe-top': { paddingTop: 'env(safe-area-inset-top)' }, '.safe-bottom': { paddingBottom: 'env(safe-area-inset-bottom)' }, '.safe-left': { paddingLeft: 'env(safe-area-inset-left)' }, '.safe-right': { paddingRight: 'env(safe-area-inset-right)' }, '.safe-pt': { paddingTop: 'env(safe-area-inset-top)' }, '.safe-pb': { paddingBottom: 'env(safe-area-inset-bottom)' }, '.safe-px': { paddingLeft: 'env(safe-area-inset-left)', paddingRight: 'env(safe-area-inset-right)' }, '.h-safe-top': { height: 'env(safe-area-inset-top)' }, '.h-safe-bottom': { height: 'env(safe-area-inset-bottom)' } }); } ]};export default config;