:root {
  color-scheme: dark;
  --nf-bg-900: #070b14;
  --nf-bg-800: #10182a;
  --nf-surface-700: #162238;
  --nf-surface-600: rgba(255, 255, 255, 0.04);
  --nf-surface-500: rgba(255, 255, 255, 0.06);
  --nf-text-100: #f8fbff;
  --nf-text-200: #d7e0ec;
  --nf-text-300: #aeb8c9;
  --nf-text-500: #74829a;
  --nf-accent-1: #00eaff;
  --nf-accent-2: #ff4fd8;
  --nf-accent-3: #7a5cff;
  --nf-success: #2ed39a;
  --nf-warning: #ffb84d;
  --nf-danger: #ff5f73;
  --nf-font-heading: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --nf-font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --nf-font-size-12: 0.75rem;
  --nf-font-size-14: 0.875rem;
  --nf-font-size-16: 1rem;
  --nf-font-size-18: 1.125rem;
  --nf-font-size-20: 1.25rem;
  --nf-font-size-24: 1.5rem;
  --nf-font-size-32: 2rem;
  --nf-font-size-40: 2.5rem;
  --nf-font-size-56: 3.5rem;
  --nf-line-height-tight: 1.1;
  --nf-line-height-normal: 1.5;
  --nf-line-height-relaxed: 1.7;
  --nf-letter-spacing-tight: -0.02em;
  --nf-letter-spacing-wide: 0.06em;
  --nf-space-4: 0.25rem;
  --nf-space-8: 0.5rem;
  --nf-space-12: 0.75rem;
  --nf-space-16: 1rem;
  --nf-space-20: 1.25rem;
  --nf-space-24: 1.5rem;
  --nf-space-32: 2rem;
  --nf-space-48: 3rem;
  --nf-space-64: 4rem;
  --nf-space-96: 6rem;
  --nf-radius-12: 12px;
  --nf-radius-18: 18px;
  --nf-radius-24: 24px;
  --nf-radius-pill: 999px;
  --nf-max-width: 1180px;
  --nf-content-width: 720px;
  --nf-border-500: 1px solid rgba(255, 255, 255, 0.12);
  --nf-border-subtle: 1px solid rgba(255, 255, 255, 0.08);
  --nf-border-strong: 1px solid rgba(255, 255, 255, 0.12);
  --nf-shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.18);
  --nf-shadow-medium: 0 16px 40px rgba(0, 0, 0, 0.24);
  --nf-shadow-glow-cyan: 0 0 24px rgba(0, 234, 255, 0.18);
  --nf-shadow-glow-pink: 0 0 24px rgba(255, 79, 216, 0.18);
  --nf-duration-fast: 150ms;
  --nf-duration-base: 250ms;
  --nf-duration-slow: 400ms;
  --nf-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --nf-theme-transition: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --nf-bg-image: none;
  --nf-color-bg-page: var(--nf-bg-900);
  --nf-color-bg-surface: var(--nf-bg-800);
  --nf-color-bg-card: rgba(22, 34, 56, 0.72);
  --nf-color-text-primary: var(--nf-text-100);
  --nf-color-text-secondary: var(--nf-text-300);
  --nf-color-border-soft: var(--nf-border-500);
  --nf-color-action-primary: var(--nf-accent-1);
  --nf-color-action-secondary: var(--nf-accent-2);
  --nf-color-focus-ring: var(--nf-accent-1);
}