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

/*************************************************************************** *
 *
 * DEFAULT VALUES FOR TYPOGRAPHY. THIS IS OVERRIDDEN.
 * variable values must match that of the XRC_FONT.CSS file.
 * The variables in this file are automatically assigned for use by the 
 * CSS in TWIG files.
 *
 *************************************************************************** */

:root {
    /*-------------------------------------------------------------------------- */
    /* FONT FAMILIES                                                                          
    /*-------------------------------------------------------------------------- */
    --xrc-swap-default--font-family: var (--xrc-font-sans--montserrat);
    
    --xrc-swap-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-menu--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-list--font-family: var(--xrc-font-sans--montserrat);
    
    --xrc-swap-title--font-family: var(--xrc-font-serif--PlayfairDisplay);
    --xrc-swap-subtitle--font-family: var(--xrc-font-serif--PlayfairDisplay);
    
    --xrc-swap-h1--font-family: var(--xrc-font-serif--PlayfairDisplay);
    --xrc-swap-h2--font-family: var(--xrc-font-serif--PlayfairDisplay);
    --xrc-swap-h3--font-family: var(--xrc-font-serif--PlayfairDisplay);
    --xrc-swap-h4--font-family: var(--xrc-font-serif--Newsreader);
    --xrc-swap-h5--font-family: var(--xrc-font-serif--Newsreader);
    --xrc-swap-h6--font-family: var(--xrc-font-serif--Newsreader);

    --xrc-swap-header-title--font-family: var(--xrc-font-serif--PlayfairDisplay);
    --xrc-swap-header-subtitle--font-family: var(--xrc-font-serif--Newsreader);
    
    /*-------------------------------------------------------------------------- */
    /* FONT SIZES                                                                          
    /*-------------------------------------------------------------------------- */
    /*--------------------------------------- */
    /* DEFAULTS FOR FONT SIZES                                                                          
    /*--------------------------------------- */
    --xrc-swap-default--font-size: 16px;
    --xrc-swap-default--line-height: 1.6875rem;
    
    --xrc-swap-text--font-size--default: 1.0rem;
    
    --xrc-swap-text--font-size--xsmall: 0.8rem;    /* XRC MOD: small iphone */
    --xrc-swap-text--font-size--small: 0.9rem;    /* XRC MOD: large phone */
    --xrc-swap-text--font-size--medium: 1.1rem;     /* XRC MOD: default desktop/ipad */
    --xrc-swap-text--font-size--large: 1.2rem;
    --xrc-swap-text--font-size--xlarge: 1.5rem;
    
    --xrc-swap-hdr1--font-size: 2.0rem;
    --xrc-swap-hdr2--font-size: 1.8rem;
    --xrc-swap-hdr3--font-size: 1.29rem;     /* XRC MOD: default desktop/ipad */
    --xrc-swap-hdr4--font-size: 1.2rem;
    --xrc-swap-hdr5--font-size: 1.1rem;    /* XRC MOD: large phone */
    --xrc-swap-hdr6--font-size: 1.1rem;    /* XRC MOD: small iphone */
    
    --xrc-swap-branding-header-title--font-size: 3.0rem;
    --xrc-swap-branding-header-subtitle--font-size: 1.2rem;
    
    --xrc-swap-text--font-size: var(--xrc-swap-text--font-size--default);
    --xrc-swap-link--font-size: var(--xrc-swap-text--font-size--default);
    --xrc-swap-menu--font-size: var(--xrc-swap-text--font-size--default);
    --xrc-swap-list--font-size: var(--xrc-swap-text--font-size--default);
    
    --xrc-swap-title--font-size: var(--xrc-swap-hdr1--font-size);
    --xrc-swap-subtitle--font-size: var(--xrc-swap-hdr3--font-size);
    
    --xrc-swap-h1--font-size: var(--xrc-swap-hdr1--font-size);
    --xrc-swap-h2--font-size: var(--xrc-swap-hdr2--font-size);
    --xrc-swap-h3--font-size: var(--xrc-swap-hdr3--font-size);
    --xrc-swap-h4--font-size: var(--xrc-swap-hdr4--font-size);
    --xrc-swap-h5--font-size: var(--xrc-swap-hdr5--font-size);
    --xrc-swap-h6--font-size: var(--xrc-swap-hdr6--font-size);
     
    --xrc-swap-header-title--font-size: var(--xrc-swap-branding-header-title--font-size);
    --xrc-swap-header-subtitle--font-size: var(--xrc-swap-branding-header-subtitle--font-size);
    
    /*-------------------------------------------------------------------------- */
    /* RESPONSIVE SIZING                                                                          
    /*-------------------------------------------------------------------------- */
    
    /*--------------------------------------- */
    /* DEFAULTS FOR RESPONSIVE CALCULATIONS                                                                          
    /*--------------------------------------- */
    --xrc-swap--font-text-scale--xsmall: 0.9;
    --xrc-swap--font-text-scale--small: 0.9;
    --xrc-swap--font-text-scale--medium: 1.0;
    --xrc-swap--font-text-scale--large: 1.1;
    --xrc-swap--font-text-scale--xlarge: 1.2;
    
    --xrc-swap--font-scale--xsmall: 1.0;
    --xrc-swap--font-scale--small: 1.2;
    --xrc-swap--font-scale--medium: 1.4;
    --xrc-swap--font-scale--large: 1.8;
    --xrc-swap--font-scale--xlarge: 2.0;
    
    
}
/* end of file */