:root {
  --nexo-white: #fff;
  --nexo-black: #000;
  --nexo-primary: #1DBAE5;
  --nexo-accent-1: #D0EAF8;
  --nexo-accent-2: #093D59;
  --nexo-accent-3: #66f;
  --nexo-light: #F2F2F2;
  --nexo-dark: #212529;
  --nexo-primary-rgb: 29, 186, 229;
  --nexo-accent-1-rgb: 208, 234, 248;
  --nexo-accent-2-rgb: 9, 61, 89;
  --nexo-accent-3-rgb: 102, 102, 255;
  --nexo-light-rgb: 242, 242, 242;
  --nexo-dark-rgb: 33, 37, 41;
  --nexo-white-rgb: 255, 255, 255;
  --nexo-black-rgb: 0, 0, 0;
  --nexo-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --nexo-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --nexo-root-font-size: 16px;
  --nexo-body-font-family: NEXO-Body, var(--nexo-font-sans-serif);
  --nexo-body-font-size: 1rem;
  --nexo-body-font-weight: 400;
  --nexo-body-line-height: 1.75;
  --nexo-body-color: #212529;
  --nexo-body-color-rgb: 33, 37, 41;
  --nexo-body-bg: #fff;
  --nexo-body-bg-rgb: 255, 255, 255;
  --nexo-heading-color: var(--nexo-body-color);
  --nexo-link-color: var(--nexo-dark);
  --nexo-link-color-rgb: 33, 37, 41;
  --nexo-link-decoration: none;
  --nexo-link-hover-color: var(--nexo-primary);
  --nexo-link-hover-color-rgb: var(--nexo-primary-rgb);
  --nexo-code-color: #d63384;
  --nexo-highlight-color: #212529;
  --nexo-highlight-bg: rgb(255, 242.6, 205.4);
  --nexo-border-width: 1px;
  --nexo-border-style: solid;
  --nexo-border-color: #dee2e6;
  --nexo-border-radius: 0.5rem;
  --nexo-border-radius-sm: 0.25rem;
  --nexo-border-radius-lg: 0.75rem;
  --nexo-form-valid-color: #198754;
  --nexo-form-valid-border-color: #198754;
  --nexo-form-invalid-color: #dc3545;
  --nexo-form-invalid-border-color: #dc3545;
  --nexo-custom-offcanvas-horizontal-width: 40rem;
}

:root {
  --nexo-space: 1rem;
  --nexo-section-height: 0dvh;
  --nexo-menu-link-margin-x: 16px;
  --nexo-menu-link-margin-y: 6px;
  --nexo-menu-link-padding-x: 5px;
  --nexo-menu-link-padding-y: 5px;
  --nexo-menu-button-padding-x: 1em;
  --nexo-menu-button-padding-y: 0.5em;
  --nexo-topbar-height: 30px;
  --nexo-header-height: 80px;
  --nexo-header-inner-height: 50px;
  --nexo-header-logo-height: 46px;
  --nexo-header-font-size: 16px;
  --nexo-footer-logo-height: 40px;
  --nexo-footer-font-size: 16px;
  --nexo-line-color: var(--nexo-body-color);
  --nexo-block-sticky: 3rem;
  --nexo-card-padding-x: 1.5em;
  --nexo-card-padding-y: 1.5em;
  --nexo-card-border-radius: var(--nexo-border-radius);
  --nexo-scrollbar-color: var(--nexo-primary);
  --nexo-badge-padding-x: 0.5em;
  --nexo-badge-padding-y: 0.25em;
  --nexo-badge-border-radius: var(--nexo-border-radius-sm);
  --nexo-badge-color: var(--nexo-primary);
  --nexo-badge-font-size: 1em;
  --nexo-badge-font-weight: 500;
  --nexo-section-aos: translate3d(0, max(20dvh, 100px), 0);
  --nexo-section-aos-duration: 1s;
  --nexo-heading-font-weight: 500;
  --nexo-heading-line-height: 1.2;
  --nexo-links-gutter: 1rem;
  --nexo-link-icon-gap: 0.75em;
  --nexo-link-padding-x: 0;
  --nexo-link-padding-y: 0;
  --nexo-button-padding-x: 1em;
  --nexo-button-padding-y: 0.5em;
  --nexo-button-bg: var(--nexo-primary);
  --nexo-button-color: var(--nexo-white);
  --nexo-button-bg-accent-2-to-button-color: var(--nexo-white);
  --fa-li-margin: 2em;
  --fa-li-width: 2em;
  --nexo-icon-size: 1em;
  --nexo-icon-border-radius: var(--nexo-border-radius);
  --nexo-icon-padding: 0.375em;
  --nexo-icon-star-color: goldenrod;
  --nexo-swiper-navigation-border-radius: var(--nexo-border-radius-sm);
  
  --nexo-body-bg-accent-2-to-body-color: var(--nexo-white);
  --nexo-list-spacing: 0rem;
  
    --nexo-h1-font-size: 2.2rem;
    --nexo-h2-font-size: 1.8rem;
    --nexo-h3-font-size: 1.5rem;
    --nexo-h4-font-size: 1.25rem;
    --nexo-h5-font-size: 1.1rem;
    --nexo-h6-font-size: 1rem;
}

@media (min-width: 992px) {
  :root {
    --nexo-root-font-size: 16px;
    --nexo-body-font-size: 1rem;
    --nexo-h1-font-size: 3.5rem;
    --nexo-h2-font-size: 2.6rem;
    --nexo-h3-font-size: 2.3rem;
    --nexo-h4-font-size: 2rem;
    --nexo-h5-font-size: 1.5rem;
    --nexo-h6-font-size: 1rem;
  }
}