52 lines
1 KiB
TypeScript
52 lines
1 KiB
TypeScript
export const theme = {
|
|
colors: {
|
|
bg: '#0a0a0f',
|
|
card: '#141420',
|
|
elevated: '#1a1a2e',
|
|
border: '#2a2a3e',
|
|
borderSubtle: '#1e1e2e',
|
|
gold: '#D4AF37',
|
|
goldMuted: 'rgba(212, 175, 55, 0.15)',
|
|
goldBorder: 'rgba(212, 175, 55, 0.3)',
|
|
cream: '#f0e6d3',
|
|
muted: '#6b6170',
|
|
textSecondary: '#a09090',
|
|
error: '#e05c5c',
|
|
errorBg: 'rgba(224, 92, 92, 0.12)',
|
|
success: '#5cbc8e',
|
|
successBg: 'rgba(92, 188, 142, 0.12)',
|
|
warning: '#e0b55c',
|
|
warningBg: 'rgba(224, 181, 92, 0.12)',
|
|
},
|
|
fonts: {
|
|
heading: "'Playfair Display', Georgia, serif",
|
|
body: "'Inter', system-ui, sans-serif",
|
|
},
|
|
radius: {
|
|
sm: '4px',
|
|
md: '8px',
|
|
lg: '12px',
|
|
full: '9999px',
|
|
},
|
|
space: {
|
|
xs: '4px',
|
|
sm: '8px',
|
|
md: '16px',
|
|
lg: '24px',
|
|
xl: '32px',
|
|
xxl: '48px',
|
|
},
|
|
touch: {
|
|
min: '44px',
|
|
},
|
|
zIndex: {
|
|
overlay: 100,
|
|
modal: 200,
|
|
toast: 300,
|
|
savebar: 50,
|
|
bottomNav: 40,
|
|
topBar: 30,
|
|
},
|
|
} as const;
|
|
|
|
export type Theme = typeof theme;
|