// Responsive widths.
$small_mobile_width: 320px;
$mobile_width: 576px;
$tablet_width: 768px;
$desktop_width: 992px;
$wide_width: 1200px;
$container_width: 1200px;
$grid_gutter_width: 30px;

// General variables
$accent_color: #d7aa82;
$accent_color_foreground: #fff;
$error_color: #de2211;

$disabled_color: #ccc;
$caption_color: #ababab;
$border_color: #eee;
$heading_color: #222;
$placeholder_color: #b6b6b6;

$primary_color: #d64c35;
$secondary_color: #35b0d6;
$dark_color: #222;
$light_color: #ccc;
$gray_color: #7b7b7b;

$margin_element: 1.5rem;

$heading_text_sm: 1.25rem;
$heading_text_md: 1.5rem;
$heading_text_lg: 2rem;

$text_sm: 0.875rem;
$text_md: 1rem;
$text_lg: 1.25rem;
$text_xl: 1.5rem;

$font_icon: 'Font Awesome 5 Pro';