:root {
    /* Color variables */
    --white-color: #ffffff;

    --accent-color: #c19a5b;

    --primary-background-color: #ffffff;
    --secondary-background-color: #f1f3f4;

    --success-color: #00854d;
    --error-color: #e23939;

    --text-color: #363331;
    --secondary-text-color: rgba(0, 0, 0, 0.5);

    /* Button color variables */
    --primary-button-background-color: #1d1d1f;
    --primary-button-border-color: #1d1d1f;
    --primary-button-color: var(--white-color);

    --primary-button-background-hover-color: var(--accent-color);
    --primary-button-border-hover-color: var(--accent-color);
    --primary-button-hover-color: var(--white-color);

    --primary-inverted-button-background-color: var(--white-color);
    --primary-inverted-button-border-color: var(--white-color);
    --primary-inverted-button-color: var(--text-color);

    --primary-inverted-button-background-hover-color: #1d1d1f;
    --primary-inverted-button-border-hover-color: #1d1d1f;
    --primary-inverted-button-hover-color: var(--white-color);

    /* Genric style variables */
    --border-radius: 5px;
    --button-border-radius: 100px;

    /* Form variables */
    --form-border-color: #cccccc;

    /* Font variables */
    --font-family: Lato;
    --font-style: sans-serif;

    --headline-font-family: Haboro Contrast;
    --headline-font-style: serif;
}