//Basic stylings
$br: 4px !default; // Border radius
$xs-pad: 4px !default;
$sm-pad: 10px !default;
$md-pad: 18px !default;
$lg-pad: 20px !default;
$xlg-pad: 40px !default;
$trans: 0.3s !default;
$margin-default: $md-pad;

//Breakpoints
$small-breakpoint: 400px !default;
$large-breakpoint: 768px !default;

//Colors
$primary: #982c61 !default;
$primary-active: #6f1d45 !default;

//paper old: #FDFCF7
$paper: #fbfbfb !default;
$paper-active: #f4f1f1 !default;

$grey-900: #1B1F23;
$grey-800: #2C2C2C;
$grey-700: #454545;
$grey-600: #5F5F5F;
$grey-500: #737373;
$grey-400: #898989;
$grey-200: #DBDBDB;
$grey-100: #FBFBFB;

$accent: #FB921A !default;
$red: #e83e8c !default;
$red-light: rgba(232,62,140,0.3);
$yellow: #ffeb3b !default;
$grey: #f7f7f9 !default;
$white: #fff !default;
$black: #000 !default;
$yellow_orange: #e3a122 !default;

//Derived
$bg-light: $paper;
$bg-light-well: $paper-active;
$bg-dark: $grey-800;
$bg-dark-extra: $grey-900;
$bg-dark-well: $grey-700;
$bg-dark-well-active: $grey-600;
$focus: $yellow_orange;

//Text
$text-default: $grey-800 !default;
$text-ui: $grey-600 !default;
$text-header-sm: $grey-400;
$text-light: $grey-100;
$text-light-med: $grey-500;
$disabled: $grey-200 !default;

//Borders
$dividers: $grey-200 !default;

//Links
$link-color: $primary !default;
$link-hover-color: $primary-active !default;
$link-visited-color: $primary !default;
$link-decoration: underline;
$link-decoration-thickness: 2px;

//Font
$font-family: "inter-web",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol" !default;

$monospace: 'inconsolata',
Consolas,
'Courier',
Monaco,
monospace !default;

//Typography
$font-size-base: 17.5px !default;
$font-size-small: 0.86em !default;
$font-size-ui: $font-size-base - 3;
$font-size-h1: 1.75em !default;
$font-size-h2: 1.5em !default;
$font-size-h3: 1.3em !default;
$font-size-h4: 1.2em !default;
$font-size-h5: 1.1em !default;
$font-size-h6: 1.0em !default;
$font-weight-base: 300;
$font-weight-strong: 700;
$line-height-base: 1.62em !default;
$line-height-cond: 1.5em !default;
$letter-spacing-base: -0.2px !default;

//Borders
$border-width: 1px;
$border: 1px solid $dividers !default;
$border-link-weight: 1.5px;
$border-link: $border-link-weight solid currentColor;
$border-ui: 1px solid $text-ui;
$border-bold: 1px solid $text-default;
$box-shadow-default: 0 1px 7px 0 rgba(0,0,0,0.20);
$box-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.20);
$box-shadow-active: 0 3px 10px 0 rgba(0,0,0,0.30);
