public/assets/scss/_variables.scss

$navbar-height: 4.5rem;
$navbar-item-img-max-height: 4.5rem;
$navbar-padding-vertical: 1rem;
$navbar-padding-horizontal: 2rem;
$navbar-box-shadow-size: 0 2px 0 0;
$menu-list-line-height: 1.25;
$menu-nested-list-margin: 0.75em;
$menu-list-link-padding: 0.5em 0.75em;
$black: #19191C;
$black-bis: #19191C;
$black-ter: #19191C;
$grey-darker: #252528;
$grey-dark: #474749;
$grey: #8C8C8E;
$grey-light: #A9A9A9;
$grey-lighter: #FAFAFA;
$white-ter: hsl(0, 0%, 96%);
$orange: #FC801D;
$yellow: #F3C033;
$green: #21D789;
$turquoise: #28B8A0;
$cyan: #6B57FF;
$blue: #087CFA;
$purple: #AF1DF5;
$red: #F45C4A;
$primary: $cyan;
$info: $blue;
$success: $green;
$warning: $yellow;
$danger: $red;
$light: $white-ter;
$dark: $grey-darker;
$body-color: $black;
$link: $blue;
$white: hsl(0, 0%, 100%);
$link-invert: $white;
$speed: 0;
$radius-rounded: 290486px;
$radius-small: 2px;
$radius: 4px;
$radius-large: 6px;
$family-sans-serif: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
$family-monospace: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
$weight-light: 320;
$weight-semibold: 530;
$size-1: 4.5rem;
$size-2: 2.688rem;
$size-3: 2.188rem;
$size-4: 1.5rem;
$title-size: 5.75rem;
$size-5: 1.25rem;
$size-6: 1rem;
$size-7: 0.813rem;
$nav-link-size: 1.1rem;
$subtitle-size: $size-2;
$size-medium: $size-5;
$button-text-hover-background-color: hsl(0deg, 0%, 96%);
$button-background-color: hsl(0deg, 0%, 100%);
$navbar-item-color: #474749;
$pre-padding: 1.25rem 1.5rem;
$block-spacing: 1.5rem;
$column-gap: 1.75rem;
$gap: 32px;
$container-offset: (2 * $gap);
$family-primary: $family-sans-serif;
$family-secondary: $family-sans-serif;
$family-code: $family-monospace;
$body-family: $family-sans-serif;
$custom-colors: (
        "purple": #AF1DF5
);