* {
  text-decoration: none !important;
  margin: 0;
  padding: 0;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0em;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" -170,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.custom-select {
  &,
  &::picker(select) {
    appearance: base-select;
  }
}

:root {
  --main-bg-color: var(--ui-bg);
  --width-leftSide: 12%;
  --height-header: 6vh;
  --height-header-mobile: 8vh;
  --navbar-brand-background-color: var(--brand-500);
  --top-search-bar: -1em;
}

.principal-content {
  background-color: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  box-shadow: var(--shadow-sm);
  min-height: 100%;
  width: 100%;
  color: var(--text-main);
}

.page-title-container {
  border-bottom: 2px solid var(--ui-border);
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.standard-search-bar {
  background-color: var(--ui-surface);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  margin-bottom: 2rem;
  border: 1px solid var(--ui-border);
}