@import "../../../../css/tempScss/abstracts/functions";

// Colors
$main-text-color: #000;
$primary-color: #ff671B;
$secondary-button-text-color: #ff671B;
$secondary-button-border-color: #ff671B;
$primary-color-400: get-color(generate-palette($primary-color), 400);
$primary-color-300: get-color(generate-palette($primary-color), 300);
$primary-color-200: get-color(generate-palette($primary-color), 200);
$primary-color-100: get-color(generate-palette($primary-color), 100);
$primary-color-50: get-color(generate-palette($primary-color), 50);
$secondary-color: #282f4c;
$secondary-color-400: get-color(generate-palette($secondary-color), 400);
$secondary-color-300: get-color(generate-palette($secondary-color), 300);
$secondary-color-200: get-color(generate-palette($secondary-color), 200);
$title-text-color: #000;
/** Header Colors **/
$header-bg: #282f4c;
/** Footer Colors **/
$footer-bg: #282f4c;
$footer-link: #282f4c;
/* Extra Colors */
/** Component Colors **/
$chips-content: #33333399;
$comment-bg: #30303033;
$draggable-color: #F39F3F33;
$fc-event-bg-color: #009CD8;
// Typography
$font-family-base: 'MyriadPro', 'Open Sans', Verdana, Arial, sans-serif;
// Layout & Dimensions
/* Header */
$header-height: 62px;
/* Content Padding */
$main-content-padding-top: 55px;
// SVG & Icons
/* SVG Filters */
$svg-primary-color: invert(42%) sepia(56%) saturate(1457%) hue-rotate(348deg) brightness(103%) contrast(100%);
// Extra Custom Properties
$logo-height: 68px;

@font-face {
  font-family: 'MyriadPro', sans-serif;
  src: url("../fonts/MyriadPro-Regular.otf");
  font-weight: normal;
  font-style: normal;
}