Variables

Spacing

–sc-margin: 128px;
–sc-margin-dbl: calc(2 * var(–sc-margin));
–sc-margin-half: calc(0.5 * var(–sc-margin));
–sc-margin-neg: -128px;
–sc-gutter: 24px;
–sc-gutter-dbl: calc(2 * var(–sc-gutter));
–sc-gutter-half: calc(0.5 * var(–sc-gutter));
–sc-gutter-neg: -24px;
–sc-padding: 16px;
–sc-padding-big: calc(4 * var(–sc-padding));
–sc-padding-dbl: calc(2 * var(–sc-padding));
–sc-padding-half: calc(0.5 * var(–sc-padding));
–sc-padding-neg: -16px;
–sc-full-width: calc(100vw – var(–sc-margin));
–sc-padding-btn: 16px; /* 24px; */

Global Colours

–sc-primary: #00959F;
–sc-secondary: #112E67;
–sc-text: #2D3840;
–sc-primary-light: #03BECB;
–sc-btn: var(–sc-primary);
–sc-btn-hover: var(–sc-primary-light);

Design Elements

–sc-radius-btn: 2px 20px;
–sc-radius-btn-big: calc(10 * var(–sc-radius-btn));
–sc-radius-box: 5px;
–sc-radius-box-big: calc(10 * var(–sc-radius-box));
–sc-border-width: 1px;
–sc-border-accent: 4px;
–sc-shaddow: 4px; /* 4px; 8px #00000030; */