//
// Typography
//

@global-font-family: "Rubik";
@global-font-size: 18px;
@global-line-height: 1.5; // 24px

@global-2xlarge-font-size: 3.438rem; // 55px
@global-xlarge-font-size: 2.5rem; // 40px
@global-large-font-size: 1.875rem; // 30px
@global-medium-font-size: 1.25rem; // 20px
@global-small-font-size: 0.875rem; // 14px
@global-xsmall-font-size: 0.75rem; // 12px

//
// Colors
//

@global-color: #23354e;
@global-emphasis-color: #ca9d75;
@global-muted-color: #999;

@global-link-color: #23354e;
@global-link-hover-color: #ca9d75;

@global-inverse-color: #fff;

//
// Backgrounds
//

@global-background: #fff;

@global-muted-background: #f9f0ec;
@global-primary-background: #23354e;
@global-secondary-background: #ca9d75;

@global-success-background: #1a9177;
@global-warning-background: #ff0099;
@global-danger-background: #c54a00;

//
// Borders
//

@global-border-width: 1.75px;
@global-border: #ca9d75;

//
// Box-Shadows
//

@global-small-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
@global-medium-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
@global-large-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);

//
// Spacings
//

// Used in margin, section, list
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 30px;
@global-large-margin: 60px;
@global-xlarge-margin: 90px;

// Used in grid, column, container, align, card, padding
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 30px;
@global-large-gutter: 60px;

//
// Controls
//

@global-control-height: 40px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;

//
// Z-index
//

@global-z-index: 1000;