/**
Ellie Mae Default Theme
Below, you will find the default theme for DimSum. You can modify the theme's 
styling values in accordance with the Brand Identity you would like to convey. 

// Variables should follow the `$component-state-property-size` formula for
// consistent naming
*/

// **GLOBAL PREFIX**
// This prefix will be added to all sass classes in the system
$prefix: em-ds;

/**
Color Palette
Change these color values below to your brand colors.
*/
// Brand - Primary
$theme-color-brand-primary-900: null;
$theme-color-brand-primary-800: #005181;
$theme-color-brand-primary-700: #006aa9;
$theme-color-brand-primary-600: #1e79c2;
$theme-color-brand-primary-500: #1394e5;
$theme-color-brand-primary-400: #52a6ec;
$theme-color-brand-primary-300: #a3d6ff;
$theme-color-brand-primary-200: #ebf6ff;
$theme-color-brand-primary-100: #f6fbff;

// Brand - Secondary
$theme-color-brand-secondary-900: null;
$theme-color-brand-secondary-800: null;
$theme-color-brand-secondary-700: null;
$theme-color-brand-secondary-600: null;
$theme-color-brand-secondary-500: null;
$theme-color-brand-secondary-400: null;
$theme-color-brand-secondary-300: null;
$theme-color-brand-secondary-200: null;
$theme-color-brand-secondary-100: null;

//Neutral - Used for text, borders, shadows, background, etc
$theme-color-neutral-1000: #000000;
$theme-color-neutral-900: #333333;
$theme-color-neutral-800: #25292f;
$theme-color-neutral-700: #353c46;
$theme-color-neutral-600: #464f5c;
$theme-color-neutral-500: #697489;
$theme-color-neutral-400: #8c93a6;
$theme-color-neutral-300: #b0b9c8;
$theme-color-neutral-200: #cbcfd7;
$theme-color-neutral-100: #e0e3e8;
$theme-color-neutral-080: #ebedf0;
$theme-color-neutral-050: #f6f7f9;
$theme-color-neutral-000: #ffffff;

// Success - Used to communicate status or feedback to the user
$theme-color-success-900: #207e56;
$theme-color-success-800: null;
$theme-color-success-700: null;
$theme-color-success-600: null;
$theme-color-success-500: null;
$theme-color-success-400: null;
$theme-color-success-300: #d4f0e5;
$theme-color-success-200: null;
$theme-color-success-100: null;
// Danger - Used to communicate status or feedback to the user
$theme-color-danger-900: #c64252;
$theme-color-danger-800: null;
$theme-color-danger-700: null;
$theme-color-danger-600: null;
$theme-color-danger-500: null;
$theme-color-danger-400: null;
$theme-color-danger-300: null;
$theme-color-danger-200: #f7cdd2;
$theme-color-danger-100: null;
// Warning - Used to communicate status or feedback to the user
$theme-color-warning-900: #d17a00;
$theme-color-warning-800: null;
$theme-color-warning-700: #ff9400;
$theme-color-warning-600: #fbb431;
$theme-color-warning-500: #fbb431;
$theme-color-warning-400: #fbde31;
$theme-color-warning-300: null;
$theme-color-warning-200: null;
$theme-color-warning-100: null;

// **TYPOGRAPHY**
// Typeface
// Change the typeface.
$theme-font-family: 'proxima-nova', Arial, sans-serif !default;

// Type Scale
// Change the font-sizes of HTML typed tags below.
$theme-base-font-size: 13px;

// **BORDER RADIUS**
// How round would you like your containers to be?
$theme-base-border-radius: 2px;
$theme-base-border-style: 1px solid;

// **BACKDROP OPACITY**
$theme-base-backdrop-opacity: 0.6;