/*
 * DO NOT EDIT THIS FILE.
 * @preserve
 */
/*
  Global CSS custom properties.
*/
:root {
  /**
   * Main colors.
   */
  /* Primary color.*/
  --primary-color: hsl(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)));
  --primary-color-75: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.75);
  --primary-color-50: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.5);
  --primary-color-25: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.25);
  --primary-color-10: hsla(var(--primary-color-hue), var(--primary-color-saturation), calc(1% * var(--primary-color-lightness)), 0.1);
  /* Accent color.*/
  --accent-color: hsl(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)));
  --accent-color-75: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.75);
  --accent-color-50: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.5);
  --accent-color-25: hsla(var(--accent-color-hue), var(--accent-color-saturation), calc(1% * var(--accent-color-lightness)), 0.25);
  /* Grey color.*/
  --grey-color: hsl(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)));
  --grey-color-75: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.75);
  --grey-color-50: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.5);
  --grey-color-25: hsla(var(--grey-color-hue), var(--grey-color-saturation), calc(1% * var(--grey-color-lightness)), 0.25);
  /* Light Grey color.*/
  --light-grey: hsl(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)));
  --light-grey-75: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.75);
  --light-grey-50: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.5);
  --light-grey-25: hsla(var(--light-grey-hue), var(--light-grey-saturation), calc(1% * var(--light-grey-lightness)), 0.25);
  /* Dark Grey color.*/
  --dark-grey: hsl(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)));
  --dark-grey-75: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.75);
  --dark-grey-50: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.5);
  --dark-grey-25: hsla(var(--dark-grey-hue), var(--dark-grey-saturation), calc(1% * var(--dark-grey-lightness)), 0.25);
  /* Link color.*/
  --link-color: hsl(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)));
  --link-color-75: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.75);
  --link-color-50: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.5);
  --link-color-25: hsla(var(--link-color-hue), var(--link-color-saturation), calc(1% * var(--link-color-lightness)), 0.25);
  /* Text color.*/
  --text-color: hsl(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)));
  --text-color-75: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.75);
  --text-color-50: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.5);
  --text-color-25: hsla(var(--text-color-hue), var(--text-color-saturation), calc(1% * var(--text-color-lightness)), 0.25);
  /* Main wrapper background.*/
  --main-wrapper-bg: hsl(var(--main-wrapper-bg-hue), var(--main-wrapper-bg-saturation), calc(1% * var(--main-wrapper-bg-lightness)));
  /* Top bar backgroud.*/
  --top-bar-bg: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * var(--top-bar-bg-lightness)));
  /* Highlights background.*/
  --highlights-bg: hsl(var(--highlights-bg-hue), var(--highlights-bg-saturation), calc(1% * var(--highlights-bg-lightness)));
  /* Hero background.*/
  --hero-bg: hsl(var(--hero-bg-hue), var(--hero-bg-saturation), calc(1% * var(--hero-bg-lightness)));
  /* Content above background.*/
  --content-above-bg: hsl(var(--content-above-bg-hue), var(--content-above-bg-saturation), calc(1% * var(--content-above-bg-lightness)));
  /* Sidebar left background.*/
  --sidebar-left-bg: hsl(var(--sidebar-left-bg-hue), var(--sidebar-left-bg-saturation), calc(1% * var(--sidebar-left-bg-lightness)));
  /* Main content background.*/
  --main-content-bg: hsl(var(--main-content-bg-hue), var(--main-content-bg-saturation), calc(1% * var(--main-content-bg-lightness)));
  /* Sidebar right background.*/
  --sidebar-right-bg: hsl(var(--sidebar-right-bg-hue), var(--sidebar-right-bg-saturation), calc(1% * var(--sidebar-right-bg-lightness)));
  /*Content below background.*/
  --content-below-bg: hsl(var(--content-below-bg-hue), var(--content-below-bg-saturation), calc(1% * var(--content-below-bg-lightness)));
  /* Layout helpers */
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp3-5: calc(3.5 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp4-5: calc(4.5 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --sp7: calc(7 * var(--sp));
  --sp8: calc(8 * var(--sp));
  --sp9: calc(9 * var(--sp));
  --sp10: calc(10 * var(--sp));
  --sp11: calc(11 * var(--sp));
  --sp12: calc(12 * var(--sp));
  --sp13: calc(13 * var(--sp));
  /**
   * Gray colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--gray-hue: 201;
  --color--gray-saturation: 15%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  /**
   * Variables specific to text.
   */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);
  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);
  --text-on-white: #141513;
  --dark-grey-bg: #262626;
  /**
   * Named Colors.
   */
  /* Black */
  --color--black: #000;
  /* White */
  --color--white: #fff;
  /* Red */
  --color--red: #e33f1e;
  /* Gold */
  --color--gold: #fdca40;
  --color--light-bg: #f4f4f4;
  /* Typography helpers. */
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  /* Border radius */
  /* Inline padding on .container elements. */
  --border-radius: 0.1875rem;
  --border-radius--rounded: 1rem;
  --card-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  --font-regular: "Onest",
    "sans-serif";
  --font-light: "Onest",
    "sans-serif";
  --font-thin: "Onest",
    "sans-serif";
  --font-medium: "Onest",
    "sans-serif";
  --font-semibold: "Onest",
    "sans-serif";
  --font-bold: "Onest",
    "sans-serif";
  --font-extrabold: "Onest",
    "sans-serif";
  --font-black: "Onest",
    "sans-serif";
}

/*# sourceMappingURL=variables.css.map*/