@import "./colors";

$primaryFont: "Inter", sans-serif;

$font-size-small: 12px;
$font-size-default: 14px;
$font-size-large: 16px;
$font-size-xlarge: 18px;
$font-size-xxlarge: 24px;
$font-size-xxxlarge: 28px;

$font-weight-small: 400;
$font-weight-default: 500;
$font-weight-large: 600;

$line-height-small: 16px;
$line-height-default: 20px;
$line-height-large: 24px;
$line-height-xlarge: 28px;
$line-height-xxlarge: 36px;

$spacing-xxsmall: 0px;
$spacing-xsmall: 6px;
$spacing-small: 8px;
$spacing-medium: 12px;
$spacing-default: 16px;
$spacing-large: 18px;
$spacing-xlarge: 24px;
$spacing-xxlarge: 32px;
$spacing-xxxlarge: 48px;

$icon-size-small: 14px;
$icon-size-default: 20px;
$icon-size-medium: 28px;

$border-size-default: 1px;
$border-size-large: 2px;

$border-radius-xsmall: 2px;
$border-radius-small: 4px;
$border-radius-default: 6px;
$border-radius-large: 8px;
$border-radius-xlarge: 9px;
$border-radius-xxlarge: 12px;
$border-radius-giant: 99px;