#app
{
    background-attachment: fixed;
    background-color: var(--kfw-background);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    --rz-text-font-family: Inter, "Segoe UI", Arial, sans-serif;
}

[data-theme="dark"] #app
{
    background-color: #030914;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.23) 0 1px, transparent 1.4px), radial-gradient(circle, rgba(73, 163, 255, 0.14) 0 1px, transparent 1.4px), radial-gradient(circle at 20% 9%, rgba(24, 101, 169, 0.12), transparent 25%), radial-gradient(circle at 78% 18%, rgba(21, 92, 153, 0.09), transparent 25%), linear-gradient(180deg, #020812 0%, #030914 48%, #020710 100%);
    background-position: 30px 50px, 145px 115px, 0 0, 0 0, 0 0;
    background-size: 190px 190px, 265px 265px, auto, auto, auto;
    background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
}

:root
{
    --ko-blue: #2688ff;
    --ko-orange: #ff9a32;
    --ko-purple: #b856ff;
    --ko-cyan: #29d8ee;
    --ko-yellow: #ffc72c;
    --ko-success: #4bdd63;
    --ko-danger: #ff4d45;
    --ko-text: #f1f6fc;
    --ko-text-muted: #8f9caf;
    --ko-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
}