:root {
    --nbx-bg: #050a12;
    --nbx-surface: #0f172a;
    --nbx-surface-2: #111827;
    --nbx-surface-3: #172033;
    --nbx-border: #22344d;
    --nbx-border-strong: #334155;

    --nbx-primary: #1597e5;
    --nbx-primary-hover: #0b7cc0;
    --nbx-primary-soft: rgba(21, 151, 229, .14);

    --nbx-text: #f8fafc;
    --nbx-muted: #cbd5e1;
    --nbx-subtle: #94a3b8;

    --nbx-success: #22c55e;
    --nbx-warning: #f59e0b;
    --nbx-danger: #ef4444;
    --nbx-info: #38bdf8;

    --nbx-radius-sm: 8px;
    --nbx-radius: 12px;
    --nbx-radius-lg: 18px;

    --nbx-shadow: 0 18px 45px rgba(0, 0, 0, .22);
    --nbx-transition: 160ms ease;
}