@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

:root {

    /* ==========================================================
       Fonts
       ========================================================== */

    --font-main:                    "Inter", sans-serif;

    --font-weight-normal:           400;
    --font-weight-medium:           500;
    --font-weight-semibold:         600;
    --font-weight-bold:             700;

    /* ==========================================================
       Base
       ========================================================== */

    --color-screen:                 #F7ECE3;
    --color-section:                #F5E1D3;
    --color-block:                  #ECD1BE;
    --color-reserved:               #61EB9B62;

    /* ==========================================================
       Text
       ========================================================== */

    --color-text-primary:           #592713;
    --color-text-secondary:         #6A5B54;
    --color-text-body:              #4E403A;

    /* ==========================================================
       Brown palette
       ========================================================== */

    --color-brown-dark:             #6F3A25;
    --color-brown-medium:           #A56A52;
    --color-brown-light:            #D5B296;
    --color-brown-soft:             #D8B7A5;

    /* ==========================================================
       Neutral
       ========================================================== */

    --color-border-light:           #8D6E63;
    --color-track:                  #E6DAD0;
    --color-control-passive:        #E8DDD4;

    /* ==========================================================
       Charts
       ========================================================== */

    --color-chart-baseline:         #C76E63;
    --color-chart-uncertainty:      #9D8678;

    /* ==========================================================
       Status
       ========================================================== */

    --color-success:                #6B8E6B;
    --color-success-dark:           #256F3A;

    --color-error:                  #885742;
    --color-error-dark:             #6F2535;

    /* ==========================================================
       Accent
       ========================================================== */

    --color-bubble-border:          #9E4927;
    --color-chart-bar:              #1976D2;

    /* ==========================================================
       Misc
       ========================================================== */

    --color-label:                  #6A5A53;

    --color-transparent:            transparent;
}