//Z-INDEX-SCOPES
$z-index-just-above-static: 1;
$z-index-above-content: 50;
$z-index-navigation: 100;
$z-index-pop-over: 150;
$z-index-modal-view: 200;
$z-index-processing-state: 250;
$z-index-page-overlay: 300;
$z-index-toast-notifcation: 350;


//VARIABLES FOR PAGE LAYOUT
$page-padding-side: "side";
$page-padding-side-default: -1;
$page-padding-side-medium: 0;
$page-padding-top: 1;
$page-padding-top-sidebar: 1;
$page-padding-top-navigation: 0;
$page-padding-bottom: 2;
$page-content-block-gap: 1;
$page-width-sidebar: 18rem;
$page-max-width: 105.75rem; //1600 px + side padding (2*46)


//VARIABLES FOR TYPOGRAPHY
$typography-h1-fontsize: 3;
$typography-margin-top-h2: 0;
$typography-margin-top-h3: -1;
$typography-margin-top-h4: -1;
$typography-margin-bottom-h1: -1;
$typography-margin-bottom-h2: -2;
$typography-margin-bottom-h3: -4;
$typography-margin-bottom-h4: -5;
$typography-margin-p: -1;
$typography-margin-list: -1;
$typography-margin-blockquote: -1;
$typography-margin-byline: -3;
$typography-dense-compression-relaxed: 1;
$typography-dense-compression-aggresive: 4;


//VARIABLES FOR HORIZONTAL RULE
$hr-margin: 0;
$hr-margin-dense: -1;


//VARIABLES FOR HORIZONTAL SCROLL ELEMENT
$horizontal-scroll-fade-width: 40%;
$horizontal-scroll-spacing-multiple-panels: -1;
$horizontal-scroll-header-margin-bottom: -3;


//VARUABLES FOR BUTTONS
$button-padding-vertical-small: -4;
$button-padding-horizontal-small: -2;
$button-padding-horizontal-text-small: -3;
$button-padding-vertical: -3;
$button-padding-horizontal: -1;
$button-padding-horizontal-text: -2;
$button-padding-vertical-large: -2;
$button-padding-horizontal-large: 0;
$button-padding-horizontal-text-large: -2;
$button-padding-horizontal-text-inline: -5;
$button-icon-spacing: -4;

$button-spacing-horizontal-between-buttons: -1;
$button-spacing-vertical-between-buttons: -2;

//VARIABLES FOR LINKS
$link-underline-position-vertical: 1.02em;
$link-underline-horizontal-indent: 0.02em;

//VARIABLES FOR NAVIGATION
$nav-padding-vertical: -2;
$nav-padding-vertical-small: -5;
$nav-width-active-style: 4px;

//VARIABLES FOR ICONS
$icon-circular-padding: -5;
$icon-circular-padding-large: -3;
$icon-margin: -4;
$icon-weight-light: 300;
$icon-weight-bold: 900;
$icon-heading-margin: -3;


//VARIABLES FOR FORMS
$forms-margin-field: -1;
$forms-margin-fieldset: -3;
$forms-margin-fieldset-vertical: -2;
$forms-margin-submit: 0;
$forms-margin-label: -5;
$forms-margin-label-horizontal: -3;
$forms-padding-vertical: -3;
$forms-padding-horizontal: -2;
$forms-select-icon-spacing: -3;
$forms-file-list-vertical-padding: -3;
$forms-combo-box-vertical-padding: -3;
$forms-inline-label-min-width: 11rem; 
$forms-inline-label-dropdown-width: 1.2rem; 
//string of selctors used for styling any type of the input element that takes characters from the keyboard as input
$forms-character-input-types: 
'input[type=text], ' +
'input[type=email], ' +
'input[type=password], ' +
'input[type=url], ' +
'input[type=tel], ' +
'input[type=date], ' +
'input[type=search], ' +
'input[type=datetime-local]';


// VARIABLES FOR TOOLBAR
$toolbar-margin-between-horizontal: -3;
$toolbar-margin-between-vertical: -2;
$toolbar-margin-between-horizontal-checkbox-radio: -2;
$toolbar-margin-after: -2;
$toolbar-margin-bottom-toggled: -1;
$toolbar-split-width: -1;
$toolbar-split-height-when-toggled: -1;
$toolbar-negative-margin: -3;

//UTILITY STYLES
$width-border-utility: 6px;


//VARIABLES FOR MODAL VIEWS
$modal-view-padding-horizontal: "side";
$modal-view-padding-vertical: 0;
$modal-view-padding-header: -1;
$modal-view-margin-top: 2;
$modal-view-margin-top-low-height: 0;
$modal-view-margin-top-high: 0;


//VARIABLES FOR TOAST NOTIFICATION
$toast-notification-padding-horizontal: -1;
$toast-notification-padding-vertical: -2;

//VARIABLES FOR POPOVER MENUS
$popover-content-width: 14rem;

//VARIABLES FOR CARDS
$card-profile-image-stack-size: 2.25rem;
$card-container-card-width: 18rem;
$card-container-card-width-wide: 22rem;
$card-container-card-width-max: 28rem;
$card-container-spacing: -1;

//VARIABLES FOR ANIMATIONS
$animation-timing-expand-flip: 200ms;
$animation-timing-link-icon-translate: 50ms;

//VARIABLES FOR COPY-TO-CLIPBOARD
$copy-to-clipboard-button-padding: -5;
$copy-to-clipboard-button-spacing: -4;

//ICONS FONT AWESOME CHARS
$icons: (
  "add": "2b", //plus
  "attachment": "f0c6", //paperclip
  "au-bot": "e000", //au-bot
  "award": "f559", //award
  "bike": "f206", //bicycle
  "bookmark": "f02e", //bookmark
  "brand-facebook": "f09a", //facebook, in brands-font
  "brand-linkedin": "f0e1", //linkedin-in, in brands-font
  "brand-mendeley": "f7b3", //mendeley, in brands-font
  "brand-orcid": "f8d2", //orcid, in brands-font
  "brand-researchgate": "f4f8", //researchgate, in brands-font
  "brand-twitter": "f099", //twitter, in brands-font
  "brand-x": "e61b", //x-twitter, in brands-font
  "calendar": "f133", //calendar
  "camera": "f030", //camera
  "consultancy": "f0b1", //briefcase
  "car": "f1b9", //car
  "class": "f63d", //screen-users
  "close": "f00d", //xmark
  "collapse": "f077", //chevron-up
  "collaboration": "f4c6", //handshake-simple
  "confirm": "f00c", //check
  "confirm-circle": "f058", //circle-check
  "context-menu": "f39b", //ellipsis-stroke
  "copy": "f0c5", //copy
  "current-semester": "f101", //angles-right
  "curriculum-vitae": "f65c", //file-user
  "dark-mode": "f186", //moon
  "delphinus": "e168", //dolphin
  "delete": "f2ed", //trash-can
  "design": "e206", //paintbrush-pencil
  "download": "f33d", //arrow-down-to-line
  "edit": "f304", //pen
  "email": "f0e0", //envelope
  "exam": "f737", //clipboard-list-check
  "expand": "f078", //chevron-down
  "failed": "f068", //minus
  "failed-circle": "f056", //circle-minus
  "file": "f15b", //file
  "filter": "f0b0", //filter
  "finish": "f11e", //flag-checkered
  "grip-dots-vertical": "e411", //grip-dots
  "heart": "f004", //heart
  "hide": "f070", //eye-slash
  "infinity": "f534", //infinity
  "info": "f129", //info
  "info-circle": "f05a", //circle-info
  "instructor": "f51c", //chalkboard-user
  "instructor-with-class": "f0c0", //users
  "job-responsibilities": "e489", //square-list
  "language": "f0ac", //globe
  "location": "f3c5", //location-dot
  "log": "f15c", //file-lines
  "link-chain": "f0c1", //link
  "link-internal": "f105", //angle-right
  "link-external": "e09f", //arrow-up-right
  "link-external-square": "f08e", //arrow-up-right-from-square
  "lms-course-common": "f0c8", //square
  "lms-course-sections": "f0db", //table-columns
  "lms-course-additional": "f24d", //clone
  "lms-course-merge-with": "f090", //arrow-right-to-bracket
  "lms-course-merged": "f08b", //arrow-right-from-bracket
  "mailbox": "f813", //mailbox
  "maximize": "f2d0", //window-maximize
  "menu": "f0c9", //bars
  "minimize": "f2d1", //window-minimize
  "news": "f1ea", //newspaper
  "next": "f061", //arrow-right
  "note": "e1ff", //note
  "notifications": "f0f3", //bell
  "party-horn": "e31b", //party-horn
  "passed-exemption": "f46c", //clipboard-check
  "phone": "f095", //phone
  "phone-landline": "f8d3", //phone-rotary
  "previous": "f060", //arrow-left
  "print": "f02f", //print
  "public-transport": "f55e", //bus-simple
  "receipt": "f543", //receipt
  "refresh": "f01e", //arrow-rotate-right
  "reorder": "e099", //arrow-up-arrow-down
  "replay": "f0e2", //arrow-rotate-left
  "route": "f4d7", //route
  "research": "f5d3", //atom
  "search": "f002", //magnifying-glass
  "season-autumn": "f6f7", //leaf-oak
  "season-christmas": "f7db", //tree-christmas
  "season-easter": "f708", //rabbit
  "season-halloween": "f30e", //jack-o-lantern
  "season-spring": "f4d8", //seedling
  "season-summer": "f5ca", //umbrella-beach
  "season-winter": "f2dc", //snowflake
  "send": "f1d8", //paper-plane
  "settings": "f013", //gear
  "source-system": "f085", //gears
  "student-place-accepted": "f164", //thumbs-up
  "student-place-not-offered": "f52a", //door-closed
  "student-place-offered": "f52b", //door-open
  "student-place-rejected": "f00d", //xmark
  "student-place-standby": "f04c", //pause
  "sign-in": "f090", //arrow-right-to-bracket
  "sign-out": "f08b", //arrow-right-from-bracket
  "spock": "f259", //hand-spock
  "sync": "f021", //arrows-rotate
  "theme-chooser": "f5c3", //swatchbook
  "thumbs-up": "f164", //thumbs-up
  "thumbs-down": "f165", //thumbs-down
  "thumbtack": "f08d", //thumbtack
  "tip": "f672", //lightbulb-on
  "tools": "f1de", //sliders
  "tooltip": "f059", //circle-question
  "upload": "f342", //arrow-up-from-line
  "user": "f007", //user
  "user-profile": "f2bd", //circle-user
  "user-impersonation": "f21b", //user-secret
  "view": "f06e", //eye
  "viewport-default": "f3ce", //mobile
  "viewport-medium": "f3fb", //tablet
  "viewport-wide": "f390", //desktop
  "wait": "f017", //clock
  "walking": "f554", //person-walking
  "warning": "21", //exclamation
  "warning-triangle": "f071", //triangle-exclamation
);