//  Copyright (c) 2012-2022, hitobito AG. This file is part of
//  hitobito_generic and licensed under the Affero General Public License version 3
//  or later. See the COPYING file at the top-level directory or at
//  https://github.com/hitobito/hitobito_generic.

/* Bootstrap variable definition here */

// GLOBAL VALUES
// --------------------------------------------------

// Suppress the vast amount of color contrast warnings for now
$min-contrast-ratio: 1;

// Grays
// -------------------------
$black:                 #474E5D !default;
$gray-darker:           #696E79 !default;
$gray-dark:             #8b8b8b !default;
$gray:                  #979CA6 !default;
$gray-light:            #E8EBF0 !default;
$gray-lighter:          #F8F9FA !default;
$white:                 #fff !default;

// Colors
// ----------------------------
$blue:                  #329897 !default;
$blue-dark:             darken($blue, 10%) !default;
$green:                 #8DB850 !default;
$green-dark:            darken($green, 10%) !default;

$orange:                #DC795B;
$orange-dark:           #C75B3B;
$purple:                #925D97;
$purple-dark:           #6A396F;

$text-color:            $black !default;
$border-color:          $gray-light !default;

$page-background:       lighten($green, 5%);
$content-background:    $gray-light;
$footer-background:     $blue;
$body-background:       $blue;

$focus-color:           $purple;
$shadow-color:          darken($page-background, 10%);
$link-color:            $blue !default;
$link-hover-color:      $purple-dark !default;

$footer-color:          $white;
$footer-color-hover:    $white;

$table-color-hover:      lighten($purple, 50%);

// Typography
// -------------------------

$sans-font-family:      'Noto Sans', sans-serif;
$heading-font-family:   'Noto Sans', sans-serif; //'Quicksand', $sans-font-family !default;
$font-family-base:      'Noto Sans', sans-serif; //'Varela Round', $sans-font-family !default;
$headings-font-weight:  normal !default; // instead of browser default, bold

// Decoration
// -------------------------
$border-radius:         6px;

// Rhythm
// -------------------------
$v-space:               24px;


// FLUID GRID
// --------------------------------------------------

// Default
// -------------------------
$fluid-grid-column-width:        6.382978723% !default;
$fluid-grid-gutter-width:        2.127659574% !default;

// Portrait tablet to default desktop
// -------------------------
$fluid-grid-column-width-tablet:  5.801104972% !default;
$fluid-grid-gutter-width-tablet:  2.762430939% !default;

// Large desktop and up
// -------------------------
$fluid-grid-column-width-large:   5.982905983% !default;
$fluid-grid-gutter-width-large:   2.564102564% !default;


// RESPONSIVE DESIGN
// --------------------------------------------------

// Media widths
// -------------------------
$media-phone:           480px !default;
$media-tablet:          768px !default;
$media-desktop:         980px !default;
$media-large:           1200px !default; // and upper
