/**********************/
/******* system *******/
/**********************/

:root {
  --color-teal-050: hsl(169deg 48% 90% / 100%); /* #daf2ee */
  --color-teal-100: hsl(169deg 47% 81% / 100%); /* #b6e5dc */
  --color-teal-200: hsl(169deg 47% 71% / 100%); /* #92d8cb */
  --color-teal-300: hsl(169deg 48% 62% / 100%); /* #6eccbb */
  --color-teal-400: hsl(169deg 47% 52% / 100%); /* #4abea9 */
  --color-teal-500: hsl(169deg 65% 42% / 100%); /* #26b298 */
  --color-teal-600: hsl(169deg 64% 35% / 100%); /* #20947f */
  --color-teal-700: hsl(169deg 65% 28% / 100%); /* #197766 */
  --color-teal-800: hsl(169deg 65% 21% / 100%); /* #13594c */
  --color-teal-900: hsl(169deg 64% 14% / 100%); /* #0d3c33 */
  --color-teal: var(--color-teal-500);
  --color-plum-050: hsl(324deg 49% 90% / 100%); /* #f2d9e8 */
  --color-plum-100: hsl(324deg 48% 80% / 100%); /* #e4b3d0 */
  --color-plum-200: hsl(324deg 49% 70% / 100%); /* #d88eba */
  --color-plum-300: hsl(324deg 49% 60% / 100%); /* #cb68a3 */
  --color-plum-400: hsl(324deg 49% 50% / 100%); /* #be428c */
  --color-plum-500: hsl(324deg 72% 40% / 100%); /* #b11d75 */
  --color-plum-600: hsl(324deg 72% 32% / 100%); /* #941862 */
  --color-plum-700: hsl(324deg 72% 27% / 100%); /* #76134e */
  --color-plum-800: hsl(324deg 71% 20% / 100%); /* #590f3b */
  --color-plum-900: hsl(324deg 71% 14% / 100%); /* #3b0a27 */
  --color-plum: var(--color-plum-500);
  /* using RGB as HSL values containing 0deg or 0 cause display error in Safari macOS 14.1 Sonoma, Safari 17.6, fixed in 15+ */
  --color-black-050: rgb(229 229 229 / 1); /* #e5e5e5 */
  --color-black-100: rgb(204 204 204 / 1); /* #ccc */
  --color-black-200: rgb(178 178 178 / 1); /* #b2b2b2 */
  --color-black-300: rgb(153 153 153 / 1); /* #999 */
  --color-black-400: rgb(127 127 127 / 1); /* #7f7f7f */
  --color-black-500: rgb(102 102 102 / 1); /* #666 */
  --color-black-600: rgb(77 77 77 / 1); /* #4d4d4d */
  --color-black-700: rgb(51 51 51 / 1); /* #333 */
  --color-black-800: rgb(26 26 26 / 1); /* #1a1a1a */
  --color-black-900: rgb(0 0 0 / 1); /* #000 */
  --color-black: var(--color-black-900);
  --color-white: rgb(255 255 255 / 1); /* #fff, using rgb due to HSL Safari display error */ 
  --color-ecru: hsl(156deg 19% 95% / 100%); /* #eff4f2 */
  --color-primary: var(--color-teal);
  --color-secondary: var(--color-plum);
  --color-tertiary: var(--color-black);
  --color-blue: #0071b3;
  --color-blue-dark: #044367;
  --color-red: #bf4545;
  --color-red-dark: #b53030;
  --color-red-alert: #d64929;
  --border-radius-inner: 0.375rem;
  --box-shadow-outer: 0 2px 4px rgba(0, 0, 0, .1);
  --dropdown-highlight: #e9ecef;
  --grey-1:#f7f7f7;
  --grey-2:#f2f2f2;
  --grey-3:#eeeeee;
  --grey-4: #edebe9;
}

/****************/
/***** font *****/
/****************/

html {
    font-size: 18px /* overrides l&f */;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Barlow", sans-serif /* overrides l&f */;
}

/*****************/
/***** links *****/
/*****************/

a {
    font-weight: 600;

    &:hover {
        text-decoration: none;
    }
}

/*****************/
/***** focus *****/
/*****************/

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    border-radius: var(--border-radius-inner);
}

/************************/
/***** button focus *****/
/************************/

.btn-primary {
    &:focus,
    &:focus-visible,
    &:not(.btn-check)+.btn:active.btn-primary:active {
        outline: none !important;
        border-color: var(--color-teal-600) !important;
        background-color: var(--color-teal-600) !important;
        color: var(--color-black) !important;
    }
}

/*****************/
/***** alert *****/
/*****************/

#s-lg-public-skiplink {
    border: none;
    background-color: var(--color-white);
    color: var(--color-black);
    font-weight: 400;

    &:hover {
        text-decoration: none;
    }

    &:focus,
    &:focus-visible {
        outline: none !important;
        border-color: var(--color-white) !important;
    }
}

/*****************/
/***** misc. *****/
/*****************/

strong {
    font-weight: 600;
}

#s-lib-scroll-top>a {
    font-size: 14px;
}

.s-lib-footer {
    display: none;
}