//
// Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%); // #222
$gray-dark:              lighten($gray-base, 20%);   // #333
$gray:                   lighten($gray-base, 33.5%); // #555
$gray-light:             lighten($gray-base, 46.7%); // #777
$gray-lighter:           lighten($gray-base, 93.5%); // #eee
$gray-extralight:        #fafafa; // Growi original

$brand-primary:         $primary;
$brand-success:         $success;
$brand-info:            $info;
$brand-warning:         $warning;
$brand-danger:          $danger;



//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif:  Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
$font-family-serif:       Georgia, "Times New Roman", Times, serif;
$font-family-monospace:   Osaka-Mono, "MS Gothic", Monaco, Menlo, Consolas, "Courier New", monospace;
$font-family-base:        $font-family-sans-serif;



//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

$btn-default-bg: $btn-default-bgcolor;



//== Forms
//
//##

//** `<input>` background color
$input-bg:                       $bodycolor;
//** `<input disabled>` background color
$input-bg-disabled:              $btn-default-bgcolor;

//** `<input>` border color
$input-border:                   $border;