"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.atlas = void 0;

var _theme = require("./theme.utils");

// Atlas: start with a basic whitelabel to generate a set of
// defaults.
var atlas = (0, _theme.createWhitelabelTheme)({
  primary: '#5267d6',
  secondary: '#7eb0e4'
}); // Hand tune the theme afterwards.

exports.atlas = atlas;
atlas.colorPalette.background = '#ebf0f6';
atlas.colorPalette['brand-secondary-bg'] = '#f6f9fc';
atlas.colorPalette['greyscale-black'] = '#32325d';
atlas.colorPalette['greyscale-darker'] = '#424770';
atlas.colorPalette['greyscale-dark'] = '#69698e';
atlas.colorPalette['greyscale-medium'] = '#6b7c93'; // Atlas's display is information dense and less concerned with
// a feeling of simplicity than our external facing branding.
// We can use a condensed space scale to achieve this.

atlas.spacing = {
  s1: '7px',
  s2: '14px',
  s3: '21px',
  s4: '28px',
  s5: '35px',
  s6: '42px',
  s7: '49px'
};
atlas.fonts = {
  sans: "'OpenSans', 'Helvetica', sans-serif"
};
atlas.typescale = {
  f0: '12px',
  f1: '14px',
  f2: '16px',
  f3: '18px',
  f4: '20px',
  f5: '27px',
  f6: '34px',
  f7: '41px',
  f8: '48px'
};
atlas.cardBorderRadius = '5px';