:root {
    /*   EZ-LIBRARY    */
    /*                 */
    /* Section spacing */

    --section-large: 120px;
    --section-large-tablet: 80px;
    --section-large-phone: 52px;
    --section-standard: 80px;
    --section-standard-tablet: 64px;
    --section-standard-phone: 46px;
    --section-small: 56px;
    --section-small-tablet: 40px;
    --section-small-phone: 28px;

    /* Content containers width */

    --content-wide: 1620px;
    --content-standard: 1380px;
    --content-small: 1120px;

    /* Content container paddings */

    --content-padding: 40px;
    --content-padding-tablet: 25px;
    --content-padding-phone: 18px;

    /* Text block width */

    --text-block-lg: 860px;
    --text-block-md: 770px;
    --text-block-sm: 660px;
    --text-block-xs: 520px;

    /* Spacing */

    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 32px;
    --spacing-8: 40px;
    --spacing-9: 56px;
    --spacing-10: 72px;
    --spacing-z: 0px;

    /* Figure heights */

    --landscape-sm-height: 33%;
    --landscape-height: 65%;
    --panorama-height: 50%;
    --portrait-height: 120%;

    /*   TYPOGRAPHY   */
    /*  Line heights  */

    --line-height-btn: 1.8;
    --line-height-ingress: 1.75;

    --lineheight-header-xxl: 1.35; /* H1 */
    --lineheight-header-xl: 1.35; /* H2 */
    --lineheight-header-lg: 1.35; /* H3 */
    --lineheight-header-md: 1.35; /* H4 */
    --lineheight-header-sm: 1.35; /* H5 */
    --lineheight-header-xs: 1.35; /* H6 */

    --lineheight-p-xxl: 1.8;
    --lineheight-p-xl: 1.8;
    --lineheight-p-lg: 1.8;
    --lineheight-p-md: 1.8; /* This is the default body lineheight */ 
    --lineheight-p-sm: 1.8;
    --lineheight-p-xs: 1.8;

    /*       Header Sizing        */
    /* SIZING IN PX WITHOUT "PX"! */
    /*   max-value for desktop    */
    /*   min-value for mobile     */

    --header-xxl-min: 34; /* H1 */
    --header-xxl-max: 62; /* H1 */
    --header-xl-min: 26; /* H2 */
    --header-xl-max: 40; /* H2 */
    --header-lg-min: 24; /* H3 */
    --header-lg-max: 32; /* H3 */
    --header-md-min: 22; /* H4 */
    --header-md-max: 24; /* H4 */
    --header-sm-min: 19; /* H5 */
    --header-sm-max: 20; /* H5 */
    --header-xs-min: 16; /* H6 */
    --header-xs-max: 16; /* H6 */

    /*  Regular text Sizing  */

    --p-xxl-min: 24;
    --p-xxl-max: 32;
    --p-xl-min: 20;
    --p-xl-max: 24;
    --p-lg-min: 17;
    --p-lg-max: 20;
    --p-md-min: 15; /* This is the default body fontsize */
    --p-md-max: 17; /* This is the default body fontsize */
    --p-sm-min: 14;
    --p-sm-max: 16;
    --p-xs-min: 13;
    --p-xs-max: 15;
    
    /*     OTHER     */
    /*               */
    /* Status Colors */

    --color-danger: #d9534f;
    --color-success: #5cb85c;
    --color-warning: #fa8c15;
    /* Box Shadows */
    --bshadow-primary: 0 4px 20px -3px rgba(0, 0, 0, 0.15);
    --bshadow-primary-hover: 0 4px 20px 0px rgba(0, 0, 0, 0.5);

    /* EASYWEB SETTINGS */
    /* COLORS */
    /* --focus-ring-color: *From admin site settings*;
    --background-color: *From admin site settings*; */

    /* BRAND-COLORS */
    /* --color-neutral-100: *From admin site settings*;
    --color-neutral-200: *From admin site settings*;
    --color-neutral-300: *From admin site settings*;
    --color-black: *From admin site settings*;
    --color-white: *From admin site settings*; */

    /* COLOR-SURFACES */
    /* --color-surface-default: *From admin site settings*;
    --color-surface-primary: *From admin site settings*;
    --color-surface-secondary: *From admin site settings*;
    --color-surface-accent: *From admin site settings*; */
    --color-surface-adhighlight: #FFFBD6;
    --color-surface-light: #F7F7FC;

    /* COLOR-TEXT */
    /* --color-text-surface-default: *From admin site settings*;
    --color-text-surface-primary: *From admin site settings*;
    --color-text-surface-secondary: *From admin site settings*;
    --color-text-surface-accent: *From admin site settings*;
    --color-text-surface-adhighlight: *From admin site settings*; */

    /* ELEMENTS */
    /* --btn-primary-bg: *From admin site settings*;
    --btn-primary-text: *From admin site settings*;
    --btn-primary-bg-hover: *From admin site settings*;
    --btn-primary-text-hover: *From admin site settings*;
    --btn-primary-bg-active: *From admin site settings*;
    --btn-primary-text-active: *From admin site settings*;
    --btn-secondary-bg: *From admin site settings*;
    --btn-secondary-text: *From admin site settings*;
    --btn-secondary-bg-hover: *From admin site settings*;
    --btn-secondary-text-hover: *From admin site settings*;
    --btn-secondary-bg-active: *From admin site settings*;
    --btn-secondary-text-active: *From admin site settings*;
    --btn-outline-border: *From admin site settings*;
    --btn-outline-text: *From admin site settings*;
    --btn-outline-bg-hover: *From admin site settings*;
    --btn-outline-text-hover: *From admin site settings*;
    --btn-outline-bg-active: *From admin site settings*;
    --btn-outline-text-active: *From admin site settings*;
    --icon-bg: *From admin site settings*;
    --icon: *From admin site settings*;
    --color-text-accent: *From admin site settings*; */

    /* HEADER */
    /* --header-bg: *From admin site settings*;
    --header-text: *From admin site settings*; */

    /* AD */
    /* --ad-section-bg: *From admin site settings*;
    --ad-section-text: *From admin site settings*;
    --ad-card-bg: *From admin site settings*; */

    /* TYPOGRAPHY */
    /* --font-header: *From admin site settings*;
    --font-main: *From admin site settings*;
    --font-ingress: *From admin site settings*;
    --font-btn: *From admin site settings*;
    --font-menu: *From admin site settings*;
    --font-footer: *From admin site settings*; */

    /* OTHER */
    /* --border-radius-full: *From admin site settings*;
    --border-radius-lg: *From admin site settings*;
    --border-radius-md: *From admin site settings*;
    --border-radius-sm: *From admin site settings*; */
}