/* ======= Root style ======= */
:root {
    /* Text Colors */
    --clr-primary: #C1465A;      /* Jam Raspberry */
    --clr-secondary: #E8A73C;    /* Butter Gold */
    --clr-heading: #3F2418;      /* Crust Brown */
    --clr-body: #6E5A4B;         /* Warm Taupe */
    --clr-white: #FFFDF8;

    /* Background Colors */
    --clr-bg-dark: #3F2418;
    --clr-bg-light: #FBF3E7;
    --clr-bg-white: #FFFDF8;
    --clr-bg-accent: #C1465A;
    --clr-bg-gold: #E8A73C;

    /* Typography */
    /* 
    --font-primary: "Fraunces", serif;
    --font-secondary: "Mulish", sans-serif;
    --font-accent: "Caveat", cursive;
 */
    /* Font Size */
    --fs-body: 16px;
    --fs-button: 14px;

    /* Line Height */
    --lh-body: 1.75;
    --lh-heading: 1.2;

    /* Font Weight */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
}

body {
    background-color: #FBF3E7!important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* background & color */
.bg-darkblack {
    background: var(--clr-bg-dark);
}

.bg-light-01 {
    background: #FFFDF8!important;
    background-color: #FFFDF8!important;
}
.bg-light-02 {
    background: #FBF3E7!important;
    background-color: #FBF3E7!important;
}
.bg-white {
    background: var(--clr-bg-white);
}

bg-light {
    background-color: #FBF3E7!important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.text-light-01 {
    color: #FFFDF8!important;
}
.text-light-02 {
    color: #FBF3E7!important;
}