@import url('./variables.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(255, 138, 31, 0.08), transparent 34%),
        var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
}

a {
    text-decoration: none;
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a,
input,
select,
textarea {
    outline: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

::selection {
    background: var(--color-orange);
    color: white;
}

img {
    max-width: 100%;
    display: block;
}