:root {
    --color-primary: #6b53dd;
    --color-secondary: #c0b5fa;
    --color-accent-1: #b4e464;
    --color-accent-2: #ecffd4;
    --color-text-dark: #15191a;
    --color-text-medium: #4a4a4a;
    --color-text-light: #5b5b5b;
    --color-white: #ffffff;
    --color-background-light: #f7f6f4;
    --color-background-main: #fafafa;
    --color-border: #bebebe;
    --font-primary: 'Excon', sans-serif;
    --font-secondary: 'Poppins', sans-serif;
    --font-tertiary: 'Lato', sans-serif;
}

body {
    margin: 0;
    font-family: var(--font-secondary);
    background-color: var(--color-background-main);
    color: var(--color-text-dark);
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px;
}

section {
    position: relative;
    overflow: hidden;
}

@media (max-width: 768px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}