import { HuiThemesBreakpoints, HuiThemesFont, HuiThemesLayout } from './index'

export const defaultFont: HuiThemesFont = {
  sans: 'AX Lausanne, -apple-system, BlinkMacSystemFont, sans-serif',
  mono: 'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace',

  letterSpacings: {
    default: '0.01em',
    wide: '0.04em',
    tracked: '0.08em'
  },

  fontSizes: {
    mini: '0.75rem',
    small: '0.875rem',
    regular: '1rem',
    medium: '1.25rem',
    large: '1.5rem'
  },

  fontWeights: {
    light: 350,
    regular: 350,
    medium: 350,
    bold: 600
  },

  lineHeights: {
    solid: 1,
    title: 1.25,
    copy: 1.5,
    double: 2
  }
}

export const defaultBreakpoints: HuiThemesBreakpoints = {
  xs: {
    min: '0',
    max: '650px'
  },
  sm: {
    min: '650px',
    max: '900px'
  },
  md: {
    min: '900px',
    max: '1280px'
  },
  lg: {
    min: '1280px',
    max: '1920px'
  },
  xl: {
    min: '1920px',
    max: '10000px'
  }
}

export const defaultLayout: HuiThemesLayout = {
  gap: '16px',
  gapDouble: '32px',
  gapNegative: '-16px',
  gapHalf: '8px',
  gapHalfNegative: '-8px',
  gapQuarter: '4px',
  gapQuarterNegative: '-4px',
  pageMargin: '16px',
  pageWidth: '1248px',
  contentWidth: '1280px',
  pageWidthWithMargin: '1280px',
  breakpointMobile: defaultBreakpoints.xs.max,
  breakpointTablet: defaultBreakpoints.sm.max,
  radiusSmall: '2px',
  radius: '8px',
  unit: '16px'
}