import { create } from '@storybook/theming/create';

export const dssTheme = create({
  base: 'light',
  brandTitle: 'Design System',
  brandUrl: '',
  brandImage: '',
  brandTarget: '_self',
  colorPrimary: '#3B82F6',
  colorSecondary: '#10B981',
  appBg: '#FFFFFF',
  appContentBg: '#FFFFFF',
  appBorderColor: '#E5E7EB',
  textColor: '#1F2937',
  textInverseColor: '#FFFFFF',
  textMutedColor: '#6B7280',
  barTextColor: '#6B7280',
  barSelectedColor: '#3B82F6',
  barBg: '#FFFFFF',
  inputBg: '#FFFFFF',
  inputBorder: '#D1D5DB',
  inputTextColor: '#1F2937',
  inputBorderRadius: 4,
  fontBase: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
  fontCode: '"Fira Code", "Monaco", monospace',
});