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

// Colors
$primary-color: #1722ff;
$secondary-button-text-color: #1722ff;
$secondary-button-border-color: #1722ff;
$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: #000836;
$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: #333;
/** Header Colors **/
$header-bg: #000836;
/** Footer Colors **/
$footer-bg: #000836;
$footer-link: #FFFFFFCC;
/* Extra Colors */
/** Component Colors **/
$chips-content: #33333399;
$comment-bg: #30303033;
$draggable-color: #81D8C333;
$fc-event-bg-color: #1722ff;
// Typography
$font-family-base: 'Prompt', 'Open Sans', Verdana, Arial, sans-serif;
// Layout & Dimensions
/* Header */
$header-height: 62px;
/* Content Padding */
$main-content-padding-top: 92px;
// SVG & Icons
/* SVG Filters */
$svg-primary-color: invert(11%) sepia(100%) saturate(4826%) hue-rotate(243deg) brightness(106%) contrast(123%);
$svg-powered-color: invert(0%) sepia(0%) saturate(7500%) hue-rotate(313deg) brightness(107%) contrast(107%);
// Extra Custom Properties
$logo-height: 80px;

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/prompt@latest/latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}