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

// Colors
$main-bg-color: #121212;
$main-text-color: #FFFFFF;
$secondary-text-color: #1E1E1E;
$primary-color: #F7D917;
$primary-button-text-color: #1E1E1E;
$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: $primary-color;
$secondary-color-400: $primary-color-400;
$secondary-color-300: $primary-color-300;
$secondary-color-200: $primary-color-200;
$title-text-color: #FFFFFF;
$details-text-color: #C7C7C7;
/** Header Colors **/
$header-bg: #1E1E1E;
$table-header-bg: #FAFAFA;
/** Footer Colors **/
$footer-bg: #1E1E1E;
$footer-link: #F7D917;
/** Divider & Border Colors **/
$divider-color: #5A5A5A;
$card-border-color: #5A5A5A;
/** Component Colors **/
$item-card-footer-bg: #383838;
$editable-color: #4A4A4A;
$disabled-element: #5A5A5A;
$draggable-color: #81D8C333;
$card-bg: #1E1E1E;
$comment-bg: #1E1E1E;
$fc-event-bg-color: #F7D917;
$fc-event-text-color: #1D1D1D;
$calendar-available-color: #22C55E4D;
$calendar-unavailable-color: #2A2A2A;
$calendar-busy-color: #DC26264D;
$card-box-shadow: #00000080;
$advanced-search-text-color: #ADADAD;
$advanced-search-active-text-color: #FFFFFF;
$advanced-search-background-color: #2A2A2A;
$advanced-search-active-background-color: #3C3C3C;
$advanced-search-border-color: #5A5A5A;
$advanced-search-active-border-color: #F7D917;
/** Component Pills **/
$chips-content: #333333;
/** Component Toast **/
$toast-bg: #2C2C2C;
// Typography
$font-size-h1: 28px;
$font-size-h2: 20px;
$font-size-h3: 16px;
// Layout & Dimensions
/* Side Menu */
$side-menu-bg: #1E1E1E;
// Form Controls
/* Input Fields */
$input-color: #1E1E1E;
$input-regular-border: #5A5A5A;
// SVG & Icons
/* SVG Filters */
$svg-primary-color: invert(82%) sepia(51%) saturate(2674%) hue-rotate(11deg) brightness(104%) contrast(97%);
$svg-secondary-text-color: brightness(0) saturate(100%);
$svg-details-color: brightness(0) invert(1);
$powered-text-color: #FFFFFF;
$svg-powered-color: invert(49%) sepia(93%) saturate(6336%) hue-rotate(0deg) brightness(101%) contrast(105%);
// Extra Custom Properties
$wrapper: 1024px;
$logo-height: 68px;

@font-face {
  font-family: 'Open Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/open-sans:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  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;
}