:root {
    --color-blue-950: #081426;
    --color-blue-900: #0d1d36;
    --color-blue-800: #17345f;
    --color-blue-600: #3f75c9;
    --color-blue-500: #5f95e8;
    --color-blue-300: #9dc4f4;
    --color-blue-100: #e7f1ff;

    --color-white: #ffffff;
    --color-text-light: #f6f9ff;
    --color-text-muted: #a9b8cf;

    --font-sans:
        Inter,
        "SF Pro Display",
        "PingFang SC",
        "Microsoft YaHei",
        system-ui,
        -apple-system,
        sans-serif;

    --radius-large: 30px;
    --radius-medium: 18px;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--color-blue-950);
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

button,
input {
    font: inherit;
}

button {
    -webkit-tap-highlight-color: transparent;
}