//
// Global
//

@global-color: rgba(255, 255, 255, 0.7);
@global-link-color: @global-primary-background;
@global-muted-color: rgba(255, 255, 255, 0.45);
@global-link-hover-color: #ffffff;
@global-background: #11151d;
@global-danger-background: #b94e7b;
@global-primary-background: #1dcc8f;
@global-secondary-background: #00b1be;
@global-success-background: #007c67;
@global-warning-background: #dd731f;
@global-border: rgba(255, 255, 255, 0.08);
@global-large-box-shadow: 0 12px 50px 0 rgba(13, 12, 21, 0.6);
@global-medium-box-shadow: 0 8px 45px 0 rgba(13, 12, 21, 0.6);
@global-small-box-shadow: 0 5px 25px 0 rgba(13, 12, 21, 0.6);
@global-xlarge-box-shadow: 0 18px 70px 0 rgba(13, 12, 21, 0.6);

//
// Theme
//

@internal-box-decoration-default-border-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-box-decoration-secondary-box-shadow: -2px -2px 0 @global-primary-background, 2px 2px 0 #00B1BE;

//
// Badge
//

@badge-background: darken(@global-primary-background, 10%);

//
// Base
//

@base-body-background: #121620;
@base-em-color: @global-primary-background;
@base-h6-color: @global-primary-background;

//
// Button
//

@button-default-color: @global-primary-background;
@button-secondary-color: #209698;
@internal-button-default-border-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-button-primary-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-button-secondary-border-gradient: linear-gradient(135deg, #209698, #1A4A79);
@internal-button-default-hover-border-gradient: linear-gradient(25deg, @global-primary-background, #00B1BE);
@internal-button-primary-hover-gradient: linear-gradient(25deg, @global-primary-background, #00B1BE);
@internal-button-secondary-hover-border-gradient: linear-gradient(25deg, #209698, #1A4A79);
@internal-button-default-active-border-gradient: linear-gradient(-25deg, @global-primary-background, #00B1BE);
@internal-button-primary-active-gradient: linear-gradient(-25deg, @global-primary-background, #00B1BE);
@internal-button-secondary-active-border-gradient: linear-gradient(-25deg, #209698, #1A4A79);
@button-link-color: @global-primary-background;

//
// Card
//

@card-default-background: #222939;
@card-primary-color: rgba(255, 255, 255, 0.7);
@card-primary-color-mode: light;
@card-secondary-color: rgba(255, 255, 255, 0.7);
@card-secondary-color-mode: light;
@internal-card-default-gradient: linear-gradient(135deg, #222939, #1a1f2b);
@internal-card-primary-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-card-secondary-gradient: linear-gradient(135deg, #209698, #1A4A79);
@internal-card-default-hover-gradient: linear-gradient(25deg, #222939, #1a1f2b);
@internal-card-primary-hover-gradient: linear-gradient(25deg, @global-primary-background, #00B1BE);
@internal-card-secondary-hover-gradient: linear-gradient(25deg, #209698, #1A4A79);
@internal-card-badge-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);

//
// Countdown
//

@countdown-label-color: rgba(255, 255, 255,0.65);

//
// Icon
//

@internal-icon-button-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-icon-button-hover-gradient: linear-gradient(25deg, @global-primary-background, #00B1BE);
@internal-icon-button-active-gradient: linear-gradient(-25deg, @global-primary-background, #00B1BE);

//
// Label
//

@label-border: @global-primary-background;
@label-color: @global-primary-background;

//
// Navbar
//

@internal-navbar-gradient: linear-gradient(180deg, #030C13 10%, rgba(3, 13, 19, 0.15) 100%);

//
// Section
//

@section-secondary-background: #121620;
@internal-section-default-gradient: linear-gradient(#0f1a38, #060e23);
@internal-section-muted-gradient: linear-gradient(#1d2946, #1b253e);
@internal-section-primary-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);

//
// Subnav
//

@internal-subnav-pill-item-active-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);

//
// Table
//

@table-row-active-background: rgba(8, 11, 19, 0.75);

//
// Text
//

@text-secondary-color: @global-secondary-background;

//
// Tile
//

@internal-tile-primary-gradient: linear-gradient(135deg, @global-primary-background, #00B1BE);
@internal-tile-secondary-gradient: linear-gradient(135deg, #209698, #1A4A79);

//
// Tooltip
//

@tooltip-color: @global-inverse-color;

//
// Utility
//

@box-shadow-bottom-background: linear-gradient(270deg, fade(@global-secondary-background, 60%), fade(@global-primary-background, 30%));