@import "color-palette.less";

// --- Typography Variables ---

// --- Font Families

// For now, we will not use the new font since it is not ready yet.
@fontFamilyStandard-theme-core:  "Open Sans",             "Verdana", "DejaVu Sans", "Arial", "Helvetica", sans-serif;
@fontFamilyStandard-theme-cosma: "Make It Sans IS24 Web", "Verdana", "DejaVu Sans", "Arial", "Helvetica", sans-serif;
@fontFamilyStandard:  @fontFamilyStandard-theme-cosma;
@fontFamilyHeadlines-theme-core:  "Open Sans",             "Tahoma", "Geneva", "Arial", sans-serif;
@fontFamilyHeadlines-theme-cosma: "Make It Sans IS24 Web", "Tahoma", "Geneva", "Arial", sans-serif;
@fontFamilyHeadlines: @fontFamilyHeadlines-theme-cosma;
@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
// decoration
@linkTextDecoration:        none;
@linkVisitedTextDecoration: none;
@linkHoverTextDecoration:   underline; // applies to hover, focus, and active states

@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;
