// Import Bulma's core
@import "~bulma/sass/utilities/_all";

// Set your colors
$primary:  #107FFB; // #4285F4; // #0F9D58; // #009047;
$primary-invert: findColorInvert($primary);
$twitter: #3392ec;
$twitter-invert: findColorInvert($twitter);
$findata: #ff8829; //#F4F7F8;
$findata-invert: findColorInvert($findata);
$sidebar-width: 35%;
//$family-primary: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
$family-primary: Arial, sans-serif;

// Setup $colors to use as bulma classes (e.g. 'is-twitter')s
$colors: (
    "white": ($white, $black),
    "black": ($black, $white),
    "light": ($light, $light-invert),
    "dark": ($dark, $dark-invert),
    "primary": ($primary, $primary-invert),
    "info": ($info, $info-invert),
    "link": ($link, $link-invert),
    "success": ($success, $success-invert),
    "warning": ($warning, $warning-invert),
    "danger": ($danger, $danger-invert),
    "twitter": ($twitter, $twitter-invert),
    "findata": ($findata, $findata-invert)
);

// Links
$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;
$body-family: $family-primary;
$body-size: 15px !default;

$site-color: hsl(0, 0%, 14%);
$body-color: $site-color;

$tabborder: #107FFB; //#4285F4;
$tabs-boxed-link-active-border-color: $tabborder;
$tabs-border-bottom-color: $tabborder;
$tabs-link-active-color:  $tabborder;

// Import Bulma and Buefy styles
@import "~bulma";