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


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

$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   #f0f0f0;
$gray-light:             #f5f5f5;
$gray-lighter:           #fafafa;
$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;



//== Forms
//
//##

//** `<input>` background color
$input-bg:                       $bodycolor;
//** `<input disabled>` background color
$input-bg-disabled:              darken($bodycolor, 10%);

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