1//Basic stylings
2$br: 4px !default; // Border radius
3$xs-pad: 4px !default;
4$sm-pad: 10px !default;
5$md-pad: 18px !default;
6$lg-pad: 20px !default;
7$xlg-pad: 40px !default;
8$trans: 0.3s !default;
9$margin-default: $md-pad;
10
11//Breakpoints
12$small-breakpoint: 400px !default;
13$large-breakpoint: 768px !default;
14
15//Colors
16$primary: #982c61 !default;
17$primary-active: #6f1d45 !default;
18
19//paper old: #FDFCF7
20$paper: #fbfbfb !default;
21$paper-active: #f4f1f1 !default;
22
23$grey-900: #1B1F23;
24$grey-800: #2C2C2C;
25$grey-700: #454545;
26$grey-600: #5F5F5F;
27$grey-500: #737373;
28$grey-400: #898989;
29$grey-200: #DBDBDB;
30$grey-100: #FBFBFB;
31
32$accent: #FB921A !default;
33$red: #e83e8c !default;
34$red-light: rgba(232,62,140,0.3);
35$yellow: #ffeb3b !default;
36$grey: #f7f7f9 !default;
37$white: #fff !default;
38$black: #000 !default;
39$yellow_orange: #e3a122 !default;
40
41//Derived
42$bg-light: $paper;
43$bg-light-well: $paper-active;
44$bg-dark: $grey-800;
45$bg-dark-extra: $grey-900;
46$bg-dark-well: $grey-700;
47$bg-dark-well-active: $grey-600;
48$focus: $yellow_orange;
49
50//Text
51$text-default: $grey-800 !default;
52$text-ui: $grey-600 !default;
53$text-header-sm: $grey-400;
54$text-light: $grey-100;
55$text-light-med: $grey-500;
56$disabled: $grey-200 !default;
57
58//Borders
59$dividers: $grey-200 !default;
60
61//Links
62$link-color: $primary !default;
63$link-hover-color: $primary-active !default;
64$link-visited-color: $primary !default;
65$link-decoration: underline;
66$link-decoration-thickness: 2px;
67
68//Font
69$font-family: "inter-web",
70-apple-system,
71BlinkMacSystemFont,
72"Segoe UI",
73Roboto,
74"Helvetica Neue",
75Arial,
76sans-serif,
77"Apple Color Emoji",
78"Segoe UI Emoji",
79"Segoe UI Symbol" !default;
80
81$monospace: 'inconsolata',
82Consolas,
83'Courier',
84Monaco,
85monospace !default;
86
87//Typography
88$font-size-base: 17.5px !default;
89$font-size-small: 0.86em !default;
90$font-size-ui: $font-size-base - 3;
91$font-size-h1: 1.75em !default;
92$font-size-h2: 1.5em !default;
93$font-size-h3: 1.3em !default;
94$font-size-h4: 1.2em !default;
95$font-size-h5: 1.1em !default;
96$font-size-h6: 1.0em !default;
97$font-weight-base: 300;
98$font-weight-strong: 700;
99$line-height-base: 1.62em !default;
100$line-height-cond: 1.5em !default;
101$letter-spacing-base: -0.2px !default;
102
103//Borders
104$border-width: 1px;
105$border: 1px solid $dividers !default;
106$border-link-weight: 1.5px;
107$border-link: $border-link-weight solid currentColor;
108$border-ui: 1px solid $text-ui;
109$border-bold: 1px solid $text-default;
110$box-shadow-default: 0 1px 7px 0 rgba(0,0,0,0.20);
111$box-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.20);
112$box-shadow-active: 0 3px 10px 0 rgba(0,0,0,0.30);
113