@import url("./tokens.css");
@import url("./pages/onboarding.css");

* {
    box-sizing: border-box;
}

html {
    width: 100%;
    min-height: 100%;
    direction: rtl;
}

body {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
    color: var(--color-text);
    background: linear-gradient(180deg, #ffffff 0%, var(--color-bg) 44%, #f7f8ff 100%);
}

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

button {
    cursor: pointer;
}

[hidden] {
    display: none !important;
}