export const colors = {
  brand: {
    50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc',
    400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1',
    800: '#075985', 900: '#0c4a6e',
  },
  neutral: {
    50: '#fafafa', 100: '#f4f4f5', 200: '#e4e4e7', 300: '#d4d4d8',
    400: '#a1a1aa', 500: '#71717a', 600: '#52525b', 700: '#3f3f46',
    800: '#27272a', 900: '#18181b',
  },
  success: { DEFAULT: '#22c55e', light: '#dcfce7', dark: '#15803d' },
  warning: { DEFAULT: '#f59e0b', light: '#fef3c7', dark: '#b45309' },
  error:   { DEFAULT: '#ef4444', light: '#fee2e2', dark: '#b91c1c' },
} as const;

export const typography = {
  fontFamily: {
    sans: 'var(--font-sans, ui-sans-serif, system-ui, sans-serif)',
    mono: 'var(--font-mono, ui-monospace, monospace)',
  },
} as const;

export const radius = {
  none: '0', sm: '0.125rem', DEFAULT: '0.25rem', md: '0.375rem',
  lg: '0.5rem', xl: '0.75rem', '2xl': '1rem', full: '9999px',
} as const;