@import "@/assets/_colors.scss";

// Font family
$bold-font: Noto Sans;
$semibold-font: Noto Sans;
$medium-font: Noto Sans;
$regular-font: Noto Sans;

// Font weights
$bold-font-weight: 700;
$semibold-font-weight: 600;
$medium-font-weight: 500;
$regular-font-weight: 400;

$header-height: 48px;
$panel-did-you-know-section-width: 495px;
$panel-nav-sidebar-width: 220px;
$panel-header-height: 48px;

$container-max-width: 1440px;

//media queries breakpoints
$desktop-2900-breakpoint: 2900px;
$desktop-1920-breakpoint: 1920px;
$desktop-1560-breakpoint: 1560px;
$desktop-1440-breakpoint: 1440px;
$desktop-1420-breakpoint: 1420px;
$tablet-1280-breakpoint: 1280px;
$tablet-1200-breakpoint: 1200px;
$tablet-1024-breakpoint: 1024px;
$tablet-973-breakpoint: 973px;
$mobile-768-breakpoint: 768px;
$mobile-650-breakpoint: 650px;
$mobile-480-breakpoint: 480px;
$mobile-450-breakpoint: 450px;
$mobile-320-breakpoint: 320px;