// Typography variables
//
// Various variables, largely relating to typey.

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

// The base line height determines the basic unit of vertical rhythm.
$base-line-height:      25px;

// Use ratio line height sizing for the simplest approach.
$line-height-method:      ratio;
$base-line-height-ratio:  1.5625; // 25px/16px

$font-size: (
    xxl:              46px,
    xl:               25px,
    l:                20px,
    m:                16px,
    s:                14px,
    xs:               12px,
);

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

// 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.

// Sans-serif font stacks.
$sans-serif:      'Helvetica Neue', Helvetica, Arial, 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;

// Now create some variables using the font stacks we want on this site.
$font-body:       $sans-serif;
$font-monospace:  $menlo;

$font-weight: (
    normal:         400,
    semibold:       600,
    bold:           700,
);
