$color-primary                             : #00a8ff;
$color-secondary                           : darken(desaturate($color-primary, 40), 21);
$color-black                               : #000000;
$color-background-dark                     : #141414;
$color-background-grey                     : #282828;
$color-background-blue                     : #2f383b;
$color-background-hover                    : #545454;
$color-text                                : #cccccc;
$color-white                               : #ffffff;
$color-main-background                     : #0e1111;
$color-background-dark-transparent         : rgba(0, 0, 0, 0.85);
$color-background-medium-transparent       : rgba(35, 44, 49, 0.5);
$color-complement                          : lighten(desaturate(adjust-hue($color-primary, -160), 14.13), 13.92);
$color-accent                              : $color-primary;
$color-border                              : $color-text;
$color-link                                : $color-secondary;
$color-title                               : $color-primary;

// Header
$color-header-border                       : $color-white;
$color-header-title                        : $color-text;
$color-logo-lynx                           : $color-white;

// Footer
$color-footer-background                   : $color-main-background;
$color-border-top-background               : $color-border;
$color-footer-logo                         : #00b7ff24;