// Style variables
// ========================================================================

//
// Global
//

@global-color: rgba(255, 255, 255, 0.86);
@global-link-color: #bb022e;
@global-muted-color: rgba(255, 255, 255, 0.45);
@global-link-hover-color: @global-primary-background;
@global-background: #111111;
@global-danger-background: #fe6c6e;
@global-primary-background: #d02144;
@global-secondary-background: #000004;
@global-success-background: #a3ffa4;
@global-warning-background: #fdbf8f;
@global-border: rgba(255, 255, 255, 0.1);
@global-large-box-shadow: 0 12px 50px 0 rgba(0, 0, 0, 0.6);
@global-medium-box-shadow: 0 8px 45px 0 rgba(0, 0, 0, 0.6);
@global-small-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.6);
@global-xlarge-box-shadow: 0 18px 70px 0 rgba(0, 0, 0, 0.6);

//
// Theme
//

@theme-box-decoration-secondary-box-shadow: -2px -2px 0 @global-primary-background, 2px 2px 0 @global-link-color;
@internal-theme-page-border-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-box-decoration-default-border-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-box-decoration-secondary-box-shadow: -2px -2px 0 #f56d52, 2px 2px 0 @global-link-color;

//
// Alert
//

@alert-background: @global-muted-background;
@alert-primary-background: @global-muted-background;
@alert-success-background: @global-muted-background;
@alert-warning-background: @global-muted-background;
@alert-danger-background: @global-muted-background;
@alert-border: rgba(255, 255, 255, 0);
@alert-primary-border: rgba(208, 33, 68, 0);
@alert-success-border: rgba(163, 255, 164, 0);
@alert-warning-border: rgba(253, 191, 143, 0);
@alert-danger-border: rgba(254, 108, 110, 0);

//
// Base
//

@base-body-background: #121212;
@base-link-color: @global-link-color;
@base-link-hover-color: #f65667;
@base-em-color: @global-link-color;
@base-ins-background: #2b2b2b;
@base-ins-color: #efefef;
@base-h6-color: #f56d52;

//
// Button
//

@button-default-color: #d93c41;
@button-default-hover-color: #f3778c;
@button-secondary-border: #c9c9c9;
@button-secondary-color: #c9c9c9;
@button-secondary-hover-border: #ffffff;
@button-secondary-hover-color: #ffffff;
@button-secondary-active-border: #ffffff;
@button-secondary-active-color: #ffffff;
@button-text-hover-color: #fc6766;
@internal-button-default-border-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-button-primary-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-button-secondary-border-gradient: ~'';
@internal-button-default-hover-border-gradient: linear-gradient(135deg, #f09685, #c0173f);
@internal-button-primary-hover-gradient: linear-gradient(135deg, #f68069, #c50230);
@internal-button-secondary-hover-border-gradient: ~'';
@internal-button-default-active-border-gradient: linear-gradient(135deg, #f09685, #c0173f);
@internal-button-primary-active-gradient: linear-gradient(135deg, #f68069, #c50230);
@internal-button-secondary-active-border-gradient: ~'';
@button-link-color: #d93c41;
@button-link-hover-color: #f3778c;

//
// Card
//

@card-default-background: #1f1f1f;
@card-default-hover-background: #232323;
@card-primary-color: rgba(255, 255, 255, 0.86);
@card-primary-color-mode: light;
@card-secondary-color: rgba(255, 255, 255, 0.86);
@card-secondary-color-mode: light;
@internal-card-default-gradient: ~'';
@internal-card-primary-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-card-secondary-gradient: linear-gradient(135deg, #444141, #2d2d2d);
@internal-card-default-hover-gradient: ~'';
@internal-card-primary-hover-gradient: linear-gradient(135deg, #f68069, #c50230);
@internal-card-secondary-hover-gradient: linear-gradient(135deg, #484545, #323232);
@internal-card-badge-gradient: linear-gradient(135deg, #f56d52, @global-link-color);

//
// Countdown
//

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

//
// Heading
//

@internal-heading-glitch-color-1: fade(@global-primary-background, 80%);
@internal-heading-glitch-color-2: fade(@global-primary-background, 30%);
@heading-medium-text-shadow: -2px -2px 0 fade(@global-primary-background, 80%), 2px 2px 0 fade(@global-primary-background, 30%);

//
// Icon
//

@internal-icon-button-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-icon-button-hover-gradient: linear-gradient(135deg, #f68069, #c50230);
@internal-icon-button-active-gradient: linear-gradient(135deg, #f68069, #c50230);

//
// Label
//

@label-border: @global-link-color;
@label-color: @global-link-color;

//
// List
//

@list-striped-background: rgba(0, 0, 0, 0.5);

//
// Marker
//

@marker-color: @global-color;
@marker-hover-color: @global-emphasis-color;

//
// Nav
//

@nav-secondary-subtitle-color: @global-muted-color;

//
// Navbar
//

@internal-navbar-gradient: linear-gradient(180deg, #1B1B1B 0.5%, #121213 100%);

//
// Overlay
//

@internal-overlay-primary-gradient: linear-gradient(135deg, rgba(245, 82, 103, 0.3), rgba(187, 2, 64, 0.3));

//
// Section
//

@section-default-background: #0d0d0d;
@section-muted-background: #2a2a2a;
@section-secondary-background: #121212;
@internal-section-default-gradient: linear-gradient(#000, #0d0d0d);
@internal-section-muted-gradient: linear-gradient(#202020, #161616);
@internal-section-primary-gradient: linear-gradient(135deg, #f56d52, @global-link-color);


//
// Subnav
//

@internal-subnav-pill-item-active-gradient: linear-gradient(135deg, #f56d52, @global-link-color);

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(135deg, #f56d52, @global-link-color);

//
// Table
//

@table-row-active-background: rgba(0, 0, 0, 0.5);

//
// Text
//

@text-secondary-color: #f56d52;

//
// Tile
//

@internal-tile-primary-gradient: linear-gradient(135deg, #f56d52, @global-link-color);
@internal-tile-secondary-gradient: linear-gradient(135deg, #444141, #2d2d2d);