"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultTheme = exports["default"] = void 0;

var _color = _interopRequireDefault(require("color"));

var primaryOrigin = (0, _color["default"])('#0076ff');
var secondaryOrigin = (0, _color["default"])('#4a4a4a');
var theme = {
  colors: {
    primary: {
      origin: primaryOrigin.hex(),
      darken15: primaryOrigin.darken(0.15).hex()
    },
    secondary: {
      origin: secondaryOrigin.hex(),
      darken100: secondaryOrigin.darken(1).hex(),
      lighten110: secondaryOrigin.lighten(1.1).hex()
    }
  },
  baseSize: 16,
  breakpoints: {
    desktop: {
      all: '@media (min-width: 1280px)',
      m: '@media (min-width: 1360px) and (max-width: 1919px)',
      s: '@media (min-width: 1280px) and (max-width: 1359px)'
    },
    tablet: {
      all: '@media (min-width: 768px) and (max-width: 1279px)',
      m: '@media (min-width: 1024px) and (max-width: 1279px)',
      s: '@media (min-width: 768px) and (max-width: 1023px)'
    },
    mobile: {
      all: '@media (max-width: 767px)'
    },
    below: {
      desktop: '@media (max-width: 1279px)'
    }
  }
};
exports.defaultTheme = theme;
var _default = theme;
exports["default"] = _default;