:root {
  --nexo-bg: #040814;
  --nexo-panel: #081329;
  --nexo-panel-2: #0b1a36;
  --nexo-nav: #071227;
  --nexo-line: #173f78;
  --nexo-line-soft: #132f5a;
  --nexo-text: #d9e8ff;
  --nexo-muted: #8ca7d2;
  --nexo-primary: #38bdf8;
  --nexo-primary-strong: #2274dd;
  --nexo-success: #34d399;
  --nexo-danger: #ff5f7a;
  --nexo-warning: #f59e0b;

  --nexo-radius-sm: 8px;
  --nexo-radius-md: 12px;
  --nexo-radius-lg: 14px;

  --nexo-space-1: 6px;
  --nexo-space-2: 10px;
  --nexo-space-3: 14px;
  --nexo-space-4: 18px;

  --nexo-shadow-soft: 0 0 0 1px rgba(44, 138, 255, 0.25), 0 14px 40px rgba(2, 8, 24, 0.6);
}

html,
body {
  color-scheme: dark;
}