///////////////////////////
// THEME / VARIABLES / TABS
///////////////////////////


@import '_variables.color-palette';
@import '_variables.borders';
@import '_variables.modular-scale';


// Background color
$bg-color-tab-selected-light-mode: $white;          // Background-color of selected tab in light mode
$bg-color-tab-selected-dark-mode: $darker-gray-s1;  // Background-color of selected tab in dark mode
$bg-color-tab-selected: var(--bg-tab-selected);

$bg-color-tabs-panel-light-mode: $white;            // Background-color of tabs panel in light mode
$bg-color-tabs-panel-dark-mode: $darker-gray-s1;    // Background-color of tabs panel in dark mode
$bg-color-tabs-panel: var(--bg-tabs-panel);


// Border color
$border-color-tab: var(--b-light-gray);             // Border-color for tab
$border-color-tabs-panel: var(--b-light-gray);      // Border-color for tabs panel


// Border style
$border-style-tab: solid;                           // Border-style for tab
$border-style-tabs-panel: solid;                    // Border-style for tabs panel


// Border width
$border-width-tab: 1px;                             // Border-width for tab
$border-width-tabs-panel: 1px;                      // Border-width for tabs panel


// Color
$color-tab-selected: var(--body);                   // Selected tab color


// Font size
$font-size-tab: #{ms(-1)}em;                        // Tab font-size: .84em


// Font weight
$font-weight-tab-bold: true;                        // Bold font-weight for tab? True/false


// Padding
$padding-bottom-tab: $length-em-4;                  // Padding-bottom for tabs
$padding-left-tab: $length-em-5;                    // Padding-left for tabs
$padding-right-tab: $length-em-5;                   // Padding-right for tabs
$padding-top-tab: $length-em-4;                     // Padding-top for tabs

$padding-bottom-tabs-panel: $length-em-7;           // Padding-bottom for tabs panel
$padding-left-tabs-panel: $length-em-6;             // Padding-left for tabs
$padding-right-tabs-panel: $length-em-6;            // Padding-right for tabs
$padding-top-tabs-panel: $length-em-7;              // Padding-top for tabs