| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- module.exports = {
- version: '1.0.0',
-
- colors: {
- primary: {
- 50: '#fef2f2', 100: '#fee2e2', 200: '#fecaca', 300: '#fca5a5',
- 400: '#f87171', 500: '#ef4444', 600: '#dc2626', 700: '#b91c1c',
- 800: '#991b1b', 900: '#7f1d1d'
- },
- accent: {
- 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc',
- 400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1',
- 800: '#075985', 900: '#0c4a6e'
- },
- gray: {
- 50: '#f9fafb', 100: '#f3f4f6', 200: '#e5e7eb', 300: '#d1d5db',
- 400: '#9ca3af', 500: '#6b7280', 600: '#4b5563', 700: '#374151',
- 800: '#1f2937', 900: '#111827'
- }
- },
-
-
-
-
- typography: {
- fonts: {
- sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif'],
- serif: ['ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
- mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace']
- },
- sizes: {
- xs: '0.75rem',
- sm: '0.875rem',
- base: '1rem',
- lg: '1.125rem',
- xl: '1.25rem',
- '2xl': '1.5rem',
- '3xl': '1.875rem',
- '4xl': '2.25rem',
- '5xl': '3rem'
- },
- weights: {
- light: 300,
- normal: 400,
- medium: 500,
- semibold: 600,
- bold: 700
- }
- },
-
- breakpoints: {
- sm: '640px',
- md: '768px',
- lg: '1024px',
- xl: '1280px',
- '2xl': '1536px'
- },
-
- spacing: {
- 0: '0px',
- 1: '0.25rem',
- 2: '0.5rem',
- 3: '0.75rem',
- 4: '1rem',
- 5: '1.25rem',
- 6: '1.5rem',
- 8: '2rem',
- 10: '2.5rem',
- 12: '3rem',
- 16: '4rem',
- 20: '5rem',
- 24: '6rem',
- 32: '8rem'
- },
-
- borderRadius: {
- none: '0px',
- sm: '0.125rem',
- default: '0.25rem',
- md: '0.375rem',
- lg: '0.5rem',
- xl: '0.75rem',
- '2xl': '1rem',
- full: '9999px'
- },
-
- shadows: {
- sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
- default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
- md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
- lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
- xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'
- }
- }
|
