/* 
-----------------------------------------
COLORS
-----------------------------------------
*/
:root {
    /***************************************************************/
    /*------------------ PROJECT SPECIFIC COLORS ------------------*/
    /*---- CHANGE THIS PART ACCORDING TO PROJECT COLOR PALETTE ----*/
    /*---- COLORS MARKED 'BASE' ARE USED IN base.css BY DEFAULT ---*/
    /***************************************************************/
    /* Primary colors */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    --primary-color-500: #205C40;
    --primary-color-400: #8CAC89;
    --primary-color-300: #897545;
    --primary-color-200: #C4B89B;
    --primary-color-100: #F4F0E9;
    --primary-color: var(--primary-color-500);
    --primary-color-dark: var(--primary-color-500);
    --accent-color: #862633;
    /* Secondary colors */
    --secondary-color-500: #142739;
    --secondary-color-400: #26445F;
    --secondary-color-300: #6B8194;
    --secondary-color-200: #A1AEBB;
    --secondary-color-100: #DADFE4;
    --secondary-color: var(--secondary-color-500);
    /* Neutral colors */
    --neutral-color-800: #B9975B;
    --neutral-color-600: #4D594F;
    --neutral-color-400: #868F88;
    --neutral-color-200: #C1C6C2;
    --neutral-color-100: #DDCBA4;
    --neutral-color-dark: var(--neutral-color-800);
    --neutral-color-light: var(--neutral-color-100);
    /* Text colors */
    --text-dark: #1C1C1C; /* BASE */
    --text-white: #ffffff; /* BASE */
    --text-muted: #666666;
    --text-primary: var(--primary-color);
    --text-secondary: var(--secondary-color);
    --text-accent: var(--accent-color);
    --white-color: #ffffff;
}