:root {
  --nd-color-bg: #0f1419;
  --nd-color-surface: #1a2332;
  --nd-color-surface-elevated: #232f42;
  --nd-color-border: #2d3f5a;
  --nd-color-border-light: #3d5275;
  --nd-color-text: #e8edf4;
  --nd-color-text-muted: #8b99ad;
  --nd-color-text-dim: #5c6b7f;
  --nd-color-primary: #3b82f6;
  --nd-color-primary-hover: #2563eb;
  --nd-color-primary-glow: rgba(59, 130, 246, 0.25);
  --nd-color-success: #10b981;
  --nd-color-success-bg: rgba(16, 185, 129, 0.1);
  --nd-color-warning: #f59e0b;
  --nd-color-warning-bg: rgba(245, 158, 11, 0.1);
  --nd-color-error: #ef4444;
  --nd-color-error-bg: rgba(239, 68, 68, 0.1);
  --nd-color-accent: #8b5cf6;
  --nd-space-xs: 0.25rem;
  --nd-space-sm: 0.5rem;
  --nd-space-md: 1rem;
  --nd-space-lg: 1.5rem;
  --nd-space-xl: 2rem;
  --nd-space-2xl: 3rem;
  --nd-radius-sm: 4px;
  --nd-radius-md: 8px;
  --nd-radius-lg: 12px;
  --nd-radius-xl: 16px;
  --nd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --nd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --nd-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);
  --nd-shadow-glow: 0 0 20px var(--nd-color-primary-glow);
  --nd-transition-fast: 150ms ease;
  --nd-transition-normal: 250ms ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: var(--nd-color-bg); color: var(--nd-color-text); line-height: 1.5; }