// This file is part of the DITA Open Toolkit project.
//
// Copyright 2016 Roger Sheen
//
// See the accompanying LICENSE file for applicable license.

//
// Variables (based on Bootstrap Sass defaults)
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors

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

$brand-primary:         darken(#428bca, 6.5%) !default; // #337ab7

// Hazard statement colors
//
// Source: https://www.nema.org/Standards/ComplimentaryDocuments/ANSI%20Z535_1-2017%20CONTENTS%20AND%20SCOPE.pdf
$hazard-ansi-red:       #c8102e; // danger
$hazard-ansi-orange:    #ff8200; // warning
$hazard-ansi-yellow:    #ffd100; // caution
$hazard-ansi-green:     #007b5f;
$hazard-ansi-blue:      #0072ce; // note
$hazard-ansi-purple:    #6d2077;

// Source: https://en.wikipedia.org/wiki/ISO_3864
$hazard-iso-red:        #9b2423;
$hazard-iso-yellow:     #f9a800;
$hazard-iso-green:      #237f52;
$hazard-iso-blue:       #005387;

// Text color for hazard statements with dark backgrounds: danger (red), note (blue)
$hazard-heading-light:  #fff;

// Index term colors (when args.indexshow=yes)
$indexterm-background: #fdf !default;
$indexterm-border: #000 !default;

//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
$body-bg:               #fff !default;
//** Global text color on `<body>`.
$text-color:            $gray-base !default;

//** Global textual link color.
$link-color:            $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color:      darken($link-color, 15%) !default;
//** Link hover decoration.
$link-hover-decoration: underline !default;


//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:        $font-family-sans-serif !default;

$font-size-base:          14px !default;
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.428571429 !default; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px

//** By default, this inherits from the `<body>`.
$headings-font-family:    inherit !default;
$headings-font-weight:    500 !default;
$headings-line-height:    1.1 !default;
$headings-color:          inherit !default;


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

$padding-base-vertical:     6px !default;
$padding-base-horizontal:   12px !default;

$padding-large-vertical:    10px !default;
$padding-large-horizontal:  16px !default;

$padding-small-vertical:    5px !default;
$padding-small-horizontal:  10px !default;

$padding-xs-vertical:       1px !default;
$padding-xs-horizontal:     5px !default;

$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small:         1.5 !default;

$border-radius-base:        4px !default;
$border-radius-large:       6px !default;
$border-radius-small:       3px !default;


//== Code
//
//##

$code-color:            $gray-light !default;
$code-bg:               transparent !default;

$kbd-color:             #fff !default;
$kbd-bg:                #333 !default;

$pre-bg:                #f5f5f5 !default;
$pre-color:             $gray-dark !default;
$pre-border-color:      #ccc !default;

$screen-bg:             $pre-border-color;

//== Type
//
//##

//** Text muted color
$text-muted:            $gray-light !default;
