## Styles

### Default Theme

```javascript

 {
  breakpoints: ['575px', '760px', '1125px', '1760px'],
  space: {
    body: {
      container: ['24px', '24px', '40px', '80px'],
      wrapper: ['0', '0', '40px', '80px'],
    },
    tiny: '0.5rem',
    small: '1rem',
    base: '1.5rem',
    large: '3rem',
    xlarge: '4rem',
    xxlarge: '8rem',
  },
  fontSizes: {
    body: '1em',
    subtitle: ['1.05em', '1.125em', '1.1875em', '1.25em'],
    heading: {
      h1: ['2em', '2.33em', '2.66em', '3em'],
      h2: ['1.5em', '1.83em', '2.16em', '2.5em'],
      h3: ['1.2em', '1.383em', '1.566em', '1.75em'],
      h4: ['1.1m', '1.233em', '1.366em', '1.5em'],
      h5: ['1.05em', '1.116em', '1.183em', '1.25em'],
      h6: ['1em'],
    },
  },
  fontWeights: {
    bold: 700,
    black: 900,
    semiBold: 600,
    normal: 400,
    regular: 500,
  },
  lineHeights: {
    body: 1.5,
    heading: 1.3,
  },
  colors: {
    danger: colorPalette.red,
    info: colorPalette.yellow,
    success: colorPalette.mountainMeadow,
    continue: colorPalette.green,
    title: colorPalette.limedSpruce,
    text: colorPalette.shuttleGray,
    warning: colorPalette.orange,
    wrapperBackground: colorPalette.grayLight,
    primary: {
      light: colorPalette.matrix,
      dark: colorPalette.darkBurgundy,
      base: colorPalette.totemPole,
      superLight: colorPalette.tonysPink,
    },
    primaryVariant: {
      base: colorPalette.pizazz,
      dark: colorPalette.golfBlue,
    },
    gray: {
      base: colorPalette.grayBase,
      dark: colorPalette.black,
      light: colorPalette.grayLight,
    },
    colorPalette,
  },
  links: {
    hover: colorPalette.darkBurgundy,
    color: colorPalette.totemPole,
  },
  fonts: {
    sans: 'Montserrat, Arial, san-serif',
    mono: 'Roboto',
    familyBase: 'Roboto',
  },
  textShadow: {
    small: '0 2px 4px #00000080',
  },
  mui: {
    palette: {
      primary: {
        light: colorPalette.matrix,
        main: colorPalette.totemPole,
        dark: colorPalette.darkBurgundy,
        contrastText: colorPalette.white,
      },
      secondary: {
        light: colorPalette.pizazz,
        main: colorPalette.pizazz,
        dark: colorPalette.pizazz,
        contrastText: colorPalette.white,
      },
    },
    typography: {
      fontFamily: 'Roboto',
      fontSize: 16,
    },
  },
};


```

### Colors

```javascript
{
  totemPole: '#920609',
  matrix: '#b24f51',
  darkBurgundy: '#6a080a',
  tonysPink: '#e69c9f',
  pizazz: '#FF8F03',
  black: '#1D1D1D',
  blue: '#36a9e1',
  blueChalk: '#F0E6FF',
  coldPurple: '#b199d6',
  cyan: '#67c2ef',
  daisyBush: '#441E87',
  golfBlue: '#0E065A',
  grayBase: '#3E515B',
  grayLight: '#f4f4f6',
  green: '#529D02',
  indigo: '#6610f2',
  limedSpruce: '#3E515B',
  mountainMeadow: '#16E596',
  orange: '#FB5700',
  paua: '#6f45AF',
  pink: '#e83e8c',
  purple: ' #6f42c1',
  red: '#FD2F2F',
  sharon: '#c25e01',
  shuttleGray: '#50616A',
  studio: '#754AB7',
  teal: '#20c997',
  white: '#fff',
  yellow: ' #FBC100',
  gray: {
    g: '#ebedee',
    g100: '#d8dcde',
    g200: '#c5cacd',
    g300: '#b2b9bd',
    g400: '#9ea8ad',
    g500: '#8b979d',
    g600: '#78858c',
    g700: '#65747c',
    g800: '#51626b',
    g900: '#3e515b',
  },
  tint: {
    t: '#e8e8e8',
    t100: '#d2d2d2',
    t200: '#bbbbbb',
    t300: '#a5a5a5',
    t400: '#8e8e8e',
    t500: '#777777',
    t600: '#606060',
    t700: '#4a4a4a',
    t800: '#333333',
    t900: '#1d1d1d',
  },
}
```