import { create } from 'storybook/theming';

/* Light, green-accented chrome so the Storybook UI + autodocs match the
   "Simplicity, air, lightness" MtAir surface instead of stock white/dark. */
export default create({
  base: 'light',

  brandTitle: 'MtAir',
  colorPrimary: '#1E6E48',
  colorSecondary: '#1E6E48',

  // App
  appBg: '#F3F0EB',
  appContentBg: '#FFFFFF',
  appPreviewBg: '#FFFFFF',
  appBorderColor: '#E9E5DD',
  appBorderRadius: 10,

  // Typography
  fontBase: "'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
  fontCode: "'Fira Code', 'SF Mono', 'Cascadia Code', ui-monospace, monospace",

  // Text
  textColor: '#181610',
  textInverseColor: '#FFFFFF',
  textMutedColor: '#6B6760',

  // Toolbar / sidebar bars
  barBg: '#FAF9F7',
  barTextColor: '#6B6760',
  barSelectedColor: '#1E6E48',
  barHoverColor: '#1E6E48',

  // Inputs
  inputBg: '#FFFFFF',
  inputBorder: '#D4CFC9',
  inputTextColor: '#181610',
  inputBorderRadius: 8,
});