:root {
    --bg: #f3f5f7;
    --bg-soft: #eef1f4;
    --sidebar: #ffffff;
    --card: #ffffff;
    --card-hover: #fafbfc;
    --border: rgba(17, 24, 39, 0.14);
    --border-hover: rgba(17, 24, 39, 0.32);
    --text: #171a1d;
    --text-soft: #5f6670;
    --text-muted: #8a9199;
    --white: #ffffff;
    --black: #171a1d;
    --green: #1f9d68;
    --green-soft: #eaf7f1;
    --blue: #2f6fed;
    --blue-soft: #edf3ff;
    --radius-sm: 14px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --sidebar-width: 230px;
    --transition: 0.25s ease;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 14% 12%, rgba(47, 111, 237, 0.05), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(31, 157, 104, 0.045), transparent 30%),
        linear-gradient(135deg, #f7f8f9 0%, #eef1f3 50%, #f5f6f7 100%);
    color: var(--text);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
    -webkit-font-smoothing: antialiased;
}

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

button,
input,
select {
    font-family: inherit;
}

::selection {
    color: #ffffff;
    background: #171a1d;
}