beadboard/tailwind.config.ts

39 lines
1 KiB
TypeScript

import type { Config } from 'tailwindcss';
const config: Config = {
content: ['./src/**/*.{ts,tsx}'],
theme: {
extend: {
fontFamily: {
ui: ['var(--font-ui)', 'Segoe UI', 'Inter', 'system-ui', 'sans-serif'],
mono: ['var(--font-mono)', 'Consolas', 'monospace'],
},
colors: {
bg: 'var(--color-bg)',
surface: {
DEFAULT: 'var(--color-surface)',
muted: 'var(--color-surface-muted)',
raised: 'var(--color-surface-raised)',
},
text: {
strong: 'var(--color-text-strong)',
body: 'var(--color-text-body)',
muted: 'var(--color-text-muted)',
},
border: {
soft: 'var(--color-border-soft)',
strong: 'var(--color-border-strong)',
},
},
boxShadow: {
card: '0 14px 36px rgba(4, 8, 17, 0.45)',
panel: '0 24px 56px rgba(4, 8, 17, 0.58)',
},
borderRadius: {
xl2: '1rem',
},
},
},
};
export default config;