// stylelint-disable value-keyword-case, scss/dollar-variable-colon-space-after, max-line-length

// Variables

// Set variables for this site before a library sets its !default value.

// Font faces, stacks and sizes.

// Font styling and line heights are controlled by the several variables that
// used by mixins like `type-layout()`, `margin-top()`, and `margin-bottom()`.
// These variable and mixins are documented on the [Typey
// homepage](https://github.com/jptaranto/typey).

// The font size set on the root html element.
$base-font-size:    18px;

// The base line height determines the basic unit of vertical rhythm.
$base-line-height:  $base-font-size * 1.5;

// The font sizes in our type hierarchy as tee shirt sizes.
$font-size: (
  xxl:              36px,
  xl:               28px,
  l:                22px,
  m:                $base-font-size,
  s:                16px,
  xs:               14px,
);

// Typey allows you to alter font weights site-wide with this map.
$font-weight: (
  bold:             bold,
  medium:           500,
  normal:           normal,
  light:            300,
  lighter:          lighter,
);

// The following font family declarations use widely available fonts.
// A user's web browser will look at the comma-separated list and will
// attempt to use each font in turn until it finds one that is available
// on the user's computer. The final "generic" font (sans-serif, serif or
// monospace) hints at what type of font to use if the web browser doesn't
// find any of the fonts in the list.

// Serif font stacks.
$times-new-roman: 'Times New Roman', Times, Georgia, 'DejaVu Serif', serif;
$times:           Times, 'Times New Roman', Georgia, 'DejaVu Serif', serif;
$georgia:         Georgia, 'Times New Roman', 'DejaVu Serif', serif;
$garamond:        'Garamond Premier Pro', Garamond, Charter, 'Times New Roman', serif;

// Sans-serif font stacks.
$verdana:         Verdana, Tahoma, 'DejaVu Sans', sans-serif;
$tahoma:          Tahoma, Verdana, 'DejaVu Sans', sans-serif;
$helvetica:       Helvetica, Arial, 'Nimbus Sans L', sans-serif;
$arial:           Arial, Helvetica, 'Nimbus Sans L', sans-serif;
$impact:          Impact, 'Arial Narrow', Helvetica, sans-serif;
$lucida:          'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, sans-serif;
$futura:          Futura, 'Century Gothic', AppleGothic, sans-serif;

// System-ui font stack.
$system-ui:       system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

// Monospace font stacks.
// For an explanation of why "sans-serif" is at the end of this list, see
// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
// $menlo:           Menlo, 'DejaVu Sans Mono', 'Ubuntu Mono', Courier, 'Courier New', monospace, sans-serif;
$menlo:           Menlo, 'Ubuntu Mono', 'DejaVu Sans Mono', 'Courier New', Courier, monospace, sans-serif;

// The font faces you specify in the $typefaces map can be used in the
// typeface() mixin.

$tf: BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; ;

$typefaces: (
  body: (
    font-family: $tf,
  ),
  headings: (
    font-family: $tf,
  ),
  monospace: (
    font-family: $menlo,
  ),
  compact: (
    font-family: $tf,
    weight: bold,
    case: uppercase,
    // We could also specify the following property:
    // letter-spacing: .5px,
  ),
); // stylelint-disable indentation

// Output a horizontal grid to help with debugging typography.
$typey-debug: false;
$with-wireframes: false;

// The length unit in which to output font size and margin values.
// Supported values: px, em, rem.
$base-unit:         'rem';

// px fallbacks for rem units are needed for IE 8 and earlier.
$rem-fallback:      false;

// We have separate print file.
$auto-print-sizing: false;

// Breakpoints

// Use the `respond-to()` mixin to use named breakpoints.

$breakpoints: (
  'xxxs': 333px,
  'xxs':  444px,
  'xs':   555px,
  's':    666px,
  'm':    777px,
  'l':    888px,
  'xl':   999px,
  'xxl':  1111px,
  'xxxl': 1222px
) !default;

// Layout

// The max content width.
$max-content-width: 1000px;

// The max line width for readability.
$max-line-width: 70ch;

// The default left/right gutter/padding.
$zen-gutters: calc(5px + 1.5625vw);
$zen-gutters-reverse: calc(0px - (5px + 1.5625vw));

// Border radius.
$s-radius: 3px;
$m-radius: .3rem;
$l-radius: 1rem;

// Miscellaneous variables

// `$indent-amount` controls the amount lists, blockquotes and comments are indented.
$indent-amount: 2 * $base-font-size;

// `$include-rtl` controls whether RTL styles are output.
$include-rtl: false;