:root {
    --bg: #07080a;
    --bg-soft: #0d0f13;
    --panel: #12151b;
    --panel-soft: #191d24;
    --panel-hover: #202630;
    --border: rgba(255, 255, 255, 0.08);

    --text: #f5f7fb;
    --muted: #8d96a6;
    --faint: #5b6472;

    --green: #2bdc65;
    --red: #ff4545;
    --blue: #36a3ff;
    --cyan: #3be7ff;

    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;

    --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

* {
    box-sizing: border-box;
}

html {
    background: var(--bg);
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(54, 163, 255, 0.12), transparent 32%),
        radial-gradient(circle at top right, rgba(43, 220, 101, 0.08), transparent 28%),
        var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

button,
input {
    font: inherit;
}

button {
    cursor: pointer;
}