/**
 * Typography constants
 */

:root {
    --font-size-hero: 2.75rem;
    --font-size-h1: 1.5rem;
    --font-size-h2: 1.25rem;
    --font-size-h3: 1rem;
    --font-size-h4: 0.875rem;

    --font-size-default: 0.875rem;
    --font-size-small: 0.75rem;
    --font-size-xsmall: 0.5rem;

    --font-family-base: Segoe UI, Segoe WP, Tahoma, Arial, sans-serif;
    --font-family-default: Segoe UI Regular, var(--font-family-base);
    --font-family-semilight: Segoe UI Semilight, var(--font-family-base);
    --font-family-semibold: Segoe UI Semibold, var(--font-family-base);
    
    --font-weight-semibold: 600;
    --font-weight-semilight: 300;

    --line-height-hero: 3.25rem;
    --line-height-h1: 2rem;
    --line-height-h2: 1.75rem;
    --line-height-h3: 1.5rem;
    --line-height-h4: 1.25rem;

    --line-height-default: 1.25rem;
    --line-height-small: 1rem;
    --line-height-xsmall: 0.75rem;

    /* Icons */
    --icon-font-family: "icons";
    --icon-size-base: 1rem;
    --icon-size-xsmall: var(--icon-size-base);
    --icon-size-small: calc(1 * var(--icon-size-base));
    --icon-size-medium: calc(2 * var(--icon-size-base));	
    --icon-size-large: calc(3 * var(--icon-size-base));	
    --icon-size-xlarge: calc(4 * var(--icon-size-base));	
    --icon-size-xxlarge: calc(5 * var(--icon-size-base)); 
}