/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 06FEB2024
 * DESCRIPTION: CSS file for XRCURATHEME00 aka CURA BASE THEME
 *
 * THIS SHOULD CONTAIN FONT VARIABLES ONLY
 **/

/*************************************************************************** *
 *
 * FONTS                  
 *
 *************************************************************************** */

/*-------------------------------------------------------------------------- */
/* FONT FAMILIES                                                                          
/*-------------------------------------------------------------------------- */
:root {
    /* FONT FAMILIES */
    --xrc-font-sans--fira: "FiraSansMedium", sans-serif;
    --xrc-font-sans--montserrat: "Montserrat", sans-serif;

    --xrc-font-serif--bodoni: "BodoniModa", "Lora", "georgia", serif;
    --xrc-font-serif--lora: "Lora", "georgia", serif;

    --xrc-font-serif--PlayfairDisplay: 'PlayfairDisplay', serif;
    --xrc-font-serif--PlayfairDisplayItalic: 'PlayfairDisplayItalic', serif;

    --xrc-font-serif--NotoSerif: 'NotoSerif', serif;
    --xrc-font-serif--NotoSerifItalic: 'NotoSerifItalic', serif;

    --xrc-font-serif--Newsreader: 'Newsreader', serif;
    --xrc-font-serif--NewsreaderItalic: 'NewsreaderItalic', serif;
}
/*-------------------------------------------------------------------------- */
/* FONT CONVERSION FROM PX TO REM                                                                          
/*-------------------------------------------------------------------------- */
:root {
    /*-------------------------------------------------------------------------- */
    /* CALCULATIONS ARRIVED AT BY:
    /* REM / 16 eg: (24rem / 16) = 1.5rem or 24px
    /*-------------------------------------------------------------------------- */
    --xrc-font-size--14px: 0.8750rem;
    --xrc-font-size--15px: 0.9375rem;
    --xrc-font-size--16px: 1.0000rem;
    --xrc-font-size--17px: 1.0625rem;
    --xrc-font-size--18px: 1.1250rem;
    --xrc-font-size--19px: 1.1875rem;
    --xrc-font-size--20px: 1.2500rem;
    --xrc-font-size--21px: 1.3125rem;
    --xrc-font-size--24px: 1.5000rem;
}
/*-------------------------------------------------------------------------- */
/* BASE TYPOGRAPHY ASSIGNMENTS                                                                          
/*-------------------------------------------------------------------------- */
:root  {
    /*--------------------------------------- */
    /* DEFAULT VALUES   
    /* used in HTML and BODY classes
    /*--------------------------------------- */
    --xrc-default--font-family: var(--xrc-swap-default--font-family);
    --xrc-default--font-size: var(--xrc-swap-default--font-size);    /* XRC MOD: default to 16px */
    --xrc-default--line-height: var(--xrc-swap-default--line-height);

    /*--------------------------------------- */
    /* FONT FAMILIES                                                                          
    /*--------------------------------------- */
    --xrc-text--font-family: var(--xrc-swap-text--font-family);
    --xrc-link--font-family: var(--xrc-swap-link--font-family);
    --xrc-menu--font-family: var(--xrc-swap-menu--font-family);
    --xrc-list--font-family: var(--xrc-swap-list--font-family);

    --xrc-title--font-family: var(--xrc-swap-title--font-family);
    --xrc-subtitle--font-family: var(--xrc-swap-subtitle--font-family);

    --xrc-h1--font-family: var(--xrc-swap-h1--font-family);
    --xrc-h2--font-family: var(--xrc-swap-h2--font-family);
    --xrc-h3--font-family: var(--xrc-swap-h3--font-family);
    --xrc-h4--font-family: var(--xrc-swap-h4--font-family);
    --xrc-h5--font-family: var(--xrc-swap-h5--font-family);
    --xrc-h6--font-family: var(--xrc-swap-h6--font-family);

    --xrc-header-title--font-family: var(--xrc-swap-header-title--font-family);
    --xrc-header-subtitle--font-family: var(--xrc-swap-header-subtitle--font-family);
    
    /*--------------------------------------- */
    /* FONT SIZING
    /* NOT REALLY NEEDED AT THIS POINT
    /*--------------------------------------- */
    --xrc-text--font-size: var(--xrc-swap-text--font-size);
    --xrc-link--font-size: var(--xrc-swap-link--font-size);
    --xrc-menu--font-size: var(--xrc-swap-menu--font-size);
    --xrc-list--font-size: var(--xrc-swap-list--font-size);

    --xrc-title--font-size: var(--xrc-swap-title--font-size);
    --xrc-subtitle--font-size: var(--xrc-swap-subtitle--font-size);

    --xrc-h1--font-size: var(--xrc-swap-h1--font-size);
    --xrc-h2--font-size: var(--xrc-swap-h2--font-size);
    --xrc-h3--font-size: var(--xrc-swap-h3--font-size);
    --xrc-h4--font-size: var(--xrc-swap-h4--font-size);
    --xrc-h5--font-size: var(--xrc-swap-h5--font-size);
    --xrc-h6--font-size: var(--xrc-swap-h6--font-size);

    --xrc-header-title--font-size: var(--xrc-swap-header-title--font-size);
    --xrc-header-subtitle--font-size: var(--xrc-swap-header-subtitle--font-size);
    
    /*--------------------------------------- */
    /* LINE HEIGHT SIZING                                                                          
    /*--------------------------------------- */
    --xrc-default--line-height: var(--xrc-swap-default--line-height);
}


/* XRC MOD: KNOWN AS SIZE: XSMALL */
@media(min-width:31.25rem) {
    :root {
        /*--------------------------------------- */
        /* FONT-SIZE CALCULATIONS                                                                          
        /*--------------------------------------- */
        /*--xrc-default--font-size: calc(var(--xrc-swap-default--font-size) * var(--xrc-swap--font-scale--xsmall));*/
        --xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--xsmall));
        --xrc-link--font-size: calc(var(--xrc-swap-link--font-size) * var(--xrc-swap--font-text-scale--xsmall));
        --xrc-menu--font-size: calc(var(--xrc-swap-menu--font-size) * var(--xrc-swap--font-text-scale--xsmall));
        --xrc-list--font-size: calc(var(--xrc-swap-list--font-size) * var(--xrc-swap--font-text-scale--xsmall));

        --xrc-title--font-size: calc(var(--xrc-swap-title--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-subtitle--font-size: calc(var(--xrc-swap-subtitle--font-size) * var(--xrc-swap--font-scale--xsmall));
        
        --xrc-h1--font-size: calc(var(--xrc-swap-h1--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-h2--font-size: calc(var(--xrc-swap-h2--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-h3--font-size: calc(var(--xrc-swap-h3--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-h4--font-size: calc(var(--xrc-swap-h4--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-h5--font-size: calc(var(--xrc-swap-h5--font-size) * var(--xrc-swap--font-scale--xsmall));
        --xrc-h6--font-size: calc(var(--xrc-swap-h6--font-size) * var(--xrc-swap--font-scale--xsmall));
    }
        
    .xrc-header--title {
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--xsmall));
    }
    .xrc-header--subtitle {
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--xsmall));
    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL */
@media(min-width:43.75rem) {
    :root {
        /*--------------------------------------- */
        /* FONT-SIZE CALCULATIONS                                                                          
        /*--------------------------------------- */
        /*--xrc-default--font-size: calc(var(--xrc-swap-default--font-size) * var(--xrc-swap--font-scale--small));*/
        --xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--small));
        --xrc-link--font-size: calc(var(--xrc-swap-link--font-size) * var(--xrc-swap--font-text-scale--small));
        --xrc-menu--font-size: calc(var(--xrc-swap-menu--font-size) * var(--xrc-swap--font-text-scale--small));
        --xrc-list--font-size: calc(var(--xrc-swap-list--font-size) * var(--xrc-swap--font-text-scale--small));

        --xrc-title--font-size: calc(var(--xrc-swap-title--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-subtitle--font-size: calc(var(--xrc-swap-subtitle--font-size) * var(--xrc-swap--font-scale--small));
        
        --xrc-h1--font-size: calc(var(--xrc-swap-h1--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-h2--font-size: calc(var(--xrc-swap-h2--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-h3--font-size: calc(var(--xrc-swap-h3--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-h4--font-size: calc(var(--xrc-swap-h4--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-h5--font-size: calc(var(--xrc-swap-h5--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-h6--font-size: calc(var(--xrc-swap-h6--font-size) * var(--xrc-swap--font-scale--small));
        
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--small));
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--small));
    }
        
    .xrc-header--title {
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--small));
    }
    .xrc-header--subtitle {
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--small));
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM */
@media(min-width:62.5rem) {
    :root {
        /*--------------------------------------- */
        /* FONT-SIZE CALCULATIONS                                                                          
        /*--------------------------------------- */
        /*--xrc-default--font-size: calc(var(--xrc-swap-default--font-size) * var(--xrc-swap--font-scale--medium));*/
        --xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--medium));
        --xrc-link--font-size: calc(var(--xrc-swap-link--font-size) * var(--xrc-swap--font-text-scale--medium));
        --xrc-menu--font-size: calc(var(--xrc-swap-menu--font-size) * var(--xrc-swap--font-text-scale--medium));
        --xrc-list--font-size: calc(var(--xrc-swap-list--font-size) * var(--xrc-swap--font-text-scale--medium));

        --xrc-title--font-size: calc(var(--xrc-swap-title--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-subtitle--font-size: calc(var(--xrc-swap-subtitle--font-size) * var(--xrc-swap--font-scale--medium));
        
        --xrc-h1--font-size: calc(var(--xrc-swap-h1--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-h2--font-size: calc(var(--xrc-swap-h2--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-h3--font-size: calc(var(--xrc-swap-h3--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-h4--font-size: calc(var(--xrc-swap-h4--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-h5--font-size: calc(var(--xrc-swap-h5--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-h6--font-size: calc(var(--xrc-swap-h6--font-size) * var(--xrc-swap--font-scale--medium));
        
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--medium));
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--medium));
    }

    .xrc-header--title {
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--medium));
    }
    .xrc-header--subtitle {
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--medium));
    }
}

/* XRC MOD: KNOWN AS SIZE: LARGE */
@media(min-width:75rem) {
    :root {
        /*--------------------------------------- */
        /* FONT-SIZE CALCULATIONS                                                                          
        /*--------------------------------------- */
        /*--xrc-default--font-size: calc(var(--xrc-swap-default--font-size) * var(--xrc-swap--font-scale--large));*/
        --xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--large));
        --xrc-link--font-size: calc(var(--xrc-swap-link--font-size) * var(--xrc-swap--font-text-scale--large));
        --xrc-menu--font-size: calc(var(--xrc-swap-menu--font-size) * var(--xrc-swap--font-text-scale--large));
        --xrc-list--font-size: calc(var(--xrc-swap-list--font-size) * var(--xrc-swap--font-text-scale--large));

        --xrc-title--font-size: calc(var(--xrc-swap-title--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-subtitle--font-size: calc(var(--xrc-swap-subtitle--font-size) * var(--xrc-swap--font-scale--large));
        
        --xrc-h1--font-size: calc(var(--xrc-swap-h1--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-h2--font-size: calc(var(--xrc-swap-h2--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-h3--font-size: calc(var(--xrc-swap-h3--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-h4--font-size: calc(var(--xrc-swap-h4--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-h5--font-size: calc(var(--xrc-swap-h5--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-h6--font-size: calc(var(--xrc-swap-h6--font-size) * var(--xrc-swap--font-scale--large));
        
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--large));
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--large));

    }

    .xrc-header--title {
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--large));
    }
    .xrc-header--subtitle {
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--large));
    }
}

/* XRC MOD: KNOWN AS SIZE: XLARGE */
@media(min-width:90rem) {
    :root {
        /*--------------------------------------- */
        /* FONT-SIZE CALCULATIONS                                                                          
        /*--------------------------------------- */
        /*--xrc-default--font-size: calc(var(--xrc-swap-default--font-size) * var(--xrc-swap--font-scale--xlarge));*/
        /*--xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--xlarge));*/
        --xrc-text--font-size: calc(var(--xrc-swap-text--font-size) * var(--xrc-swap--font-text-scale--xlarge));
        --xrc-link--font-size: calc(var(--xrc-swap-link--font-size) * var(--xrc-swap--font-text-scale--xlarge));
        --xrc-menu--font-size: calc(var(--xrc-swap-menu--font-size) * var(--xrc-swap--font-text-scale--xlarge));
        --xrc-list--font-size: calc(var(--xrc-swap-list--font-size) * var(--xrc-swap--font-text-scale--xlarge));

        --xrc-title--font-size: calc(var(--xrc-swap-title--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-subtitle--font-size: calc(var(--xrc-swap-subtitle--font-size) * var(--xrc-swap--font-scale--xlarge));
        
        --xrc-h1--font-size: calc(var(--xrc-swap-h1--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-h2--font-size: calc(var(--xrc-swap-h2--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-h3--font-size: calc(var(--xrc-swap-h3--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-h4--font-size: calc(var(--xrc-swap-h4--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-h5--font-size: calc(var(--xrc-swap-h5--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-h6--font-size: calc(var(--xrc-swap-h6--font-size) * var(--xrc-swap--font-scale--xlarge));
        
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--xlarge));
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--xlarge));

    }

    .xrc-header--title {
        --xrc-header-title--font-size: calc(var(--xrc-swap-header-title--font-size) * var(--xrc-swap--font-scale--xlarge));
    }
    .xrc-header--subtitle {
        --xrc-header-subtitle--font-size: calc(var(--xrc-swap-header-subtitle--font-size) * var(--xrc-swap--font-scale--xlarge));
    }
}

/* end of file */