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

//== Colors
//
$primary: #112744;
$secondary: #6c757d;
$info: #0d8ea5;
$success: #00bb83;
$warning: #ee773b;
$danger: #ff0a54;
$light: #dee2e6;
$dark: #343a40;
//## 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;

$font-size-root: 14px;
$line-height-base: 1.42857;

//== 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;
$btn-border-radius: 0;
$btn-border-radius-lg: 0;
$btn-border-radius-sm: 0;



//== Forms
//
$input-border-radius: 0;
$input-border-radius-lg: 0;
$input-border-radius-sm: 0;

//== Navs

$nav-link-padding-y: 0.75rem;
$nav-link-padding-x: 1rem;
$nav-tabs-border-radius: 0;

//== Navbar
$navbar-padding-y: 0;
$navbar-brand-padding-y: 0;
$navbar-nav-link-padding-x: 1rem;

//== Dropdowns
$dropdown-border-radius: 0;

//== card
$card-border-radius: 0;
$card-spacer-y: 7px;
$card-spacer-x: 15px;

//== Modals
$modal-content-border-width: 0;
$modal-content-border-radius: 0;
$modal-header-padding-y: 0.75rem;
$modal-header-padding-x: 1rem;

//== Alerts
$alert-border-radius: 0;
//** `<input>` background color
$input-bg:                       $bodycolor;
//** `<input disabled>` background color
$input-bg-disabled:              $btn-default-bgcolor;

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

//== Progress bar
$progress-height: 4px;
$progress-border-radius: 0;
$progress-bg: #f0f0f0;
$progress-box-shadow: none;