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

    --accent-color: #007058;

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

    --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: var(--accent-color);
    --primary-button-border-color: var(--accent-color);
    --primary-button-color: var(--white-color);

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

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

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

    /* Genric style variables */
    --border-radius: 0;
    --button-border-radius: 0;

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

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

    --headline-font-family: Roboto;
    --headline-font-style: sans-serif;
}