// Breakpoints $medium-screen: 600px; $large-screen: 900px;

// Typography $base-font-family: $font-stack-system; $heading-font-family: $base-font-family; $unica-one: 'Unica One', cursive; $vollkorn: 'Vollkorn', serif;

// Font Sizes $base-font-size: 1em;

// Line height $base-line-height: 1.5; $heading-line-height: 1.2;

// Other Sizes $base-border-radius: 3px; $base-spacing: $base-line-height * 1em; $small-spacing: $base-spacing / 2; $base-z-index: 0;

// Colors $blue: #1565c0; $dark-gray: #333; $medium-gray: #999; $light-gray: ddd; $tobasco: c31; $rose-water: faf5f5;

// Font Colors $base-font-color: $dark-gray; $action-color: $tobasco;

// Border $base-border-color: $light-gray; $base-border: 1px solid $base-border-color;

// Background Colors $base-background-color: fff; $secondary-background-color: tint($base-border-color, 75%);

// Forms $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06); $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);

// Animations $base-duration: 150ms; $base-timing: ease;