///
/// Fusion Backend Theme - Primary Variables
/// Colors are defined in colors_light.scss / colors_dark.scss
///

// = Gray Scale
// ============================================================================

$o-white: #FFF !default;
$o-black: #000 !default;

$o-gray-100: #F9FAFB !default;
$o-gray-200: #e7e9ed !default;
$o-gray-300: #d8dadd !default;
$o-gray-400: #9a9ca5 !default;
$o-gray-500: #7c7f89 !default;
$o-gray-600: #5f636f !default;
$o-gray-700: #374151 !default;
$o-gray-800: #1F2937 !default;
$o-gray-900: #111827 !default;

// = Derived from color variables
// ============================================================================

$o-action: $o-fusion-color-primary !default;
$o-main-link-color: $o-fusion-color-primary !default;

// = Sidebar Dimensions
// ============================================================================

$o-fusion-sidebar-large-width: 146px !default;
$o-fusion-sidebar-small-width: 46px !default;

// = Navbar
// ============================================================================

$o-navbar-badge-bg: $o-brand-primary;

// = Components
// ============================================================================

$o-component-active-color: $o-black !default;
$o-component-active-bg: mix($o-action, $o-white, 10%) !default;
$o-component-active-border: $o-action !default;

$o-form-lightsecondary: $o-gray-200 !default;

// = Inputs
// ============================================================================

$o-input-border-required: $o-black !default;

// = Buttons
// ============================================================================

$o-btns-bs-override: () !default;
$o-btns-bs-override: map-merge((
    "primary": (
        background: $o-fusion-color-primary,
        border: $o-fusion-color-primary,
        color: $o-white,

        hover-background: darken($o-fusion-color-primary, 10%),
        hover-border: darken($o-fusion-color-primary, 10%),
        hover-color: $o-white,

        active-background: mix($o-fusion-color-primary, $o-white, 10%),
        active-border: $o-fusion-color-primary,
        active-color: $o-fusion-color-primary,
    ),
    "secondary": (
        background: $o-gray-200,
        border: $o-gray-200,
        color: $o-gray-900,

        hover-background: $o-gray-300,
        hover-border: $o-gray-300,
        hover-color: $o-black,

        active-background: $o-component-active-bg,
        active-border: $o-component-active-border,
        active-color: $o-component-active-color,
    ),
), $o-btns-bs-override);

$o-btns-bs-outline-override: () !default;
$o-btns-bs-outline-override: map-merge((
    "secondary": (
        background: transparent,
        border: $o-gray-300,
        color: $o-gray-900,

        hover-background: $o-gray-200,
        hover-border: $o-gray-300,
        hover-color: $o-black,

        active-background: mix($o-fusion-color-primary, $o-white, 10%),
        active-border: $o-fusion-color-primary,
        active-color: $o-component-active-color,
    ),
), $o-btns-bs-outline-override);
