:root {
    --gleam-font-family-base: "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --gleam-font-size-base: 16px;
    --gleam-gradient-primary: linear-gradient(94deg, #4f6bff 0%, #7d4dff 48%, #22d4ff 100%);
    --gleam-page-bg: #ffffff;
    --gleam-text-primary: #141824;
    --gleam-text-body: #526071;
    --gleam-text-description: var(--gleam-text-body);
}

html {
    font-size: var(--gleam-font-size-base);
}

html,
body {
    margin: 0;
    min-height: 100%;
    font-family: var(--gleam-font-family-base);
    font-size: var(--gleam-font-size-base);
    color: var(--gleam-text-primary);
    background: var(--gleam-page-bg);
}

body {
    line-height: 1.5;
}

button,
input,
optgroup,
select,
textarea,
option {
    font-family: var(--gleam-font-family-base);
}

::placeholder {
    font-family: var(--gleam-font-family-base);
}

p {
    color: var(--gleam-text-body);
}

a {
    color: inherit;
}

.gleam-text-body,
.gleam-text-description {
    color: var(--gleam-text-description);
}

.gleam-gradient-primary {
    background: var(--gleam-gradient-primary);
}