// Variables of Pisces scheme
// ==================================================

// Settings for some of the most global styles.
// --------------------------------------------------
$body-bg-color                = #f5f7f9;

$sidebar-width                = hexo-config('sidebar.width_dual_column') is a 'unit' ? hexo-config('sidebar.width_dual_column') : 240;
$sidebar-width-dual-column    = unit($sidebar-width, 'px');
$content-wrap                 = 'calc(100% - %s)' % unit($sidebar-width + $sidebar-offset, 'px');

$content-desktop              = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'px');
$content-desktop-large        = 1160px;
$content-desktop-largest      = 73%;


// Borders
// --------------------------------------------------
$box-shadow-inner                 = initial;
$box-shadow                       = initial;

$border-radius-inner              = initial;
$border-radius                    = initial;


// Header
// --------------------------------------------------
$subtitle-color                   = $grey-lighter;
$brand-padding                    = 0;
$site-subtitle-margin             = 10px 10px 0;


// Sidebar
// --------------------------------------------------
$sidebar-nav-color                = var(--text-color);
$sidebar-nav-hover-color          = $orange;
$sidebar-highlight                = $orange;

$site-author-image-width          = 120px;
$site-author-image-border-width   = 1px;
$site-author-image-border-color   = $gainsboro;

$site-author-name-margin          = 0;
$site-author-name-color           = var(--text-color);
$site-author-name-weight          = 600;

$site-description-font-size       = $font-size-smaller;
$site-description-color           = $grey-dark;
$site-description-margin-top      = 0;

$site-state-item-count-font-size  = $font-size-medium;
$site-state-item-name-font-size   = $font-size-smaller;
$site-state-item-name-color       = $grey-dark;


// Components
// --------------------------------------------------

// Button
$btn-default-radius       = 2px;
$btn-default-bg           = white;
$btn-default-color        = $text-color;
$btn-default-border-color = $text-color;
$btn-default-hover-bg     = $black-deep;
$btn-default-hover-color  = white;

// Back to top
$b2t-opacity              = .6;
$b2t-opacity-hover        = .8;

$badge-background         = $grey-light;
$badge-border-radius      = 10px;
$badge-color              = var(--content-bg-color);
$badge-padding            = 2px 5px;
$badge-text-shadow        = 1px 1px 0 rgba(0, 0, 0, .1);