:root {

    /* Colors */

    --color-primary: #8f79bb;
    --color-primary-hover: #6f58a6;

    --color-text: #2f2b2a;
    --color-text-light: #6d6a69;

    --color-background: #f8f6fb;
    --color-white: #ffffff;

    /* Radius */

    --radius-small: 12px;
    --radius-medium: 20px;
    --radius-large: 24px;

    /* Shadow */

    --shadow-card: 0 10px 30px rgba(0,0,0,.06);
    --shadow-card-hover: 0 18px 40px rgba(0,0,0,.10);

    /* Layout */

    --container-width: 1200px;

    --section-space: 96px;

}