:root {
  /* colors */
  --color-nordrest-white: #ffffff;
  --color-nordrest-black: #080808;

  --color-nordrest-grey: #a8a8a8;

  --color-nordrest-green-dark: #032b22;
  --color-nordrest-green: #26b275;
  --color-nordrest-green-light: #b8e6c1;
  --color-nordrest-green-white: #ebfaee;

  --color-nordrest-orange: #f76948;
  --color-nordrest-orange-light: #f7cdc6;
  --color-nordrest-orange-white: #f7f0f0;

  /* font size */
  --font-size-xs: 0.675rem;
  --font-size-sm: 0.75rem;
  --font-size-normal: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;
  --font-size-title: 4.75rem;

  /* spacings */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-16: 3rem;

  /* line height */
  --leading-sm: 0.75rem;
  --leading-lg: 1.5rem;
  --leading-xl: 2rem;
  --leading-2xl: 2.5rem;
  --leading-normal: 1.125rem;

  /* border radius */
  --border-rounded: 0.625rem;

  /* Font Family */
  --font-tt-norms: "TT Norms", Sans-serif;

  /* font faces */
  @font-face {
    font-display: swap;
    font-family: "TT Norms";
    font-style: normal;
    src: url("../fonts/TTNorms-Regular.otf") format("opentype");
  }

  @font-face {
    font-display: swap;
    font-family: "TT Norms";
    font-style: normal;
    src: url("../fonts/TTNorms-Medium.otf") format("opentype");
  }

  @font-face {
    font-display: swap;
    font-family: "TT Norms";
    font-style: normal;
    src: url("../fonts/TTNorms-Bold.otf") format("opentype");
  }
}