/* ----------------------------------------------------------------|
| START OF 05_THEME.CSS.
|------------------------------------------------------------------| */

/* ----------------------------------------------------------------|
| DEFINE TYPOGRAPHY.
|------------------------------------------------------------------| */

.open-sans-header {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.open-sans-main {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.open-sans-footer {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.poppins-header {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.poppins-main {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.poppins-footer {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

/* Add Playfair... */

/* ----------------------------------------------------------------|
| DEFINE BRAND KIT COLORS.
|------------------------------------------------------------------| */
/*
----------------------------------------------------------------------------------------------
Website Brand Kit Colors
----------------------------------------------------------------------------------------------

1.  Black	#000000
2.  White	#ffffff
3.  Light Gray	#d9d9d9
4.  Mid Gray	#a6a6a6
5.  Dark Gray	#374f59
6.  Red		#ed1c24
7.  Orange	#ffa500
8.  Purple	#8c52ff
9.  Teal	#0097b2

*/

/* ----------------------------------------------------------------|
| DECLARE THEME VALUES.
|------------------------------------------------------------------| */

:root {
    --base-font-size: 16px;
    
    --lmode-hdr-text: #ffa500;
    --lmode-hdr-back: #2c3e50;
    --lmode-body-text: black;
    --lmode-body-back: white;
    --lmode-aside-text: black;
    --lmode-aside-back: white;
    --lmode-foot-text: black;
    --lmode-foot-back: white;

    --dmode-hdr-text: white;
    --dmode-hdr-back: medium gray;  
    --dmode-body-text: black;
    --dmode-body-back: white;
    --dmode-aside-text: black;
    --dmode-aside-back: white;
    --dmode-foot-text: black;
    --dmode-foot-back: white;

    --alt-hdr-text: #007bff;
    --alt-hdr-back: #2c3e50;
    --alt-body-text: black;
    --alt-body-back: white;
    --alt-aside-text: black;
    --alt-aside-back: white;
    --alt-foot-text: black;
    --alt-foot-back: white;
}   

/* ----------------------------------------------------------------|
| DECLARE DEFAULT THEME. 
|------------------------------------------------------------------| */

body {
    font-family: 'Poppins', sans-serif;
    font-size: var(--base-font-size);
}

/* ----------------------------------------------------------------|
| END OF 05_THEME.CSS.
|------------------------------------------------------------------| */