// --- Typography Variables ---

// --- Font Families

@fontFamilyStandard:  'Open Sans', Verdana, 'DejaVu Sans', Arial, Helvetica, sans-serif;
@fontFamilyHeadlines: 'Open Sans', Tahoma, Geneva, Arial, sans-serif;
@fontFamilyMonospace: monospace, sans-serif;

// --- Font Sizes

@rootFontSize: 62.5%;  // base 10px

@fontSizeXS:       1.2rem;
@fontSizeS:        1.4rem;
@fontSizeStandard: @fontSizeS;
@fontSizeM:        1.8rem;
@fontSizeL:        2.0rem;
@fontSizeXL:       2.4rem;
@fontSizeXXL:      3.2rem;
@fontSizeXXXL:     4.0rem;

// --- Line Heights

// The line heights should follow the chain of four (multiples of four) and are therefore only indirectly related to the font size
@lineHeightForFontSizeXS:       12px;
@lineHeightForFontSizeS:        20px;
@lineHeightForFontSizeStandard: @lineHeightForFontSizeS;
@lineHeightForFontSizeM:        28px;
@lineHeightForFontSizeL:        32px;
@lineHeightForFontSizeXL:       36px;
@lineHeightForFontSizeXXL:      48px;
@lineHeightForFontSizeXXXL:     60px;

// --- Colors

// regular text
@textColorStandard: @color-main-copy;
@textColorLight:    @color-light-copy;

// --- Links

// colors
@linkColor:           @color-functional-blue-light;
@linkHoverColor:      @is24orange;
@linkVisitedColor:    #636;
@linkDisabledColor:   @textColorStandard;

// decoration
@linkTextDecoration:        none;
@linkVisitedTextDecoration: none;
@linkHoverTextDecoration:   underline; // applies to hover, focus, and active states

// icons
@linkIconStandardColor:         @linkColor;
@linkIconStandardDisabledColor: @color-main-copy-disabled;

@lineHeightS: 1.4;
@lineHeightStandard: 1.61;

// --- Icons

@iconFontSize: 20px; // TODO revisit naming as soon as other use cases are known

// --- Spacing

// headlines
@headlineBottomMarginStandard: 0.4em;
