:root {
  --nf-primary: #0057d9;
  --nf-primary-strong: #003b95;
  --nf-primary-soft: rgba(0, 87, 217, .10);
  --nf-accent: #00c48c;
  --nf-accent-soft: rgba(0, 196, 140, .12);
  --nf-bg: #f8fafc;
  --nf-bg-gradient: #f8fafc;
  --nf-sidebar-bg: #ffffff;
  --nf-surface: #ffffff;
  --nf-surface-soft: #f1f5f9;
  --nf-text: #0f172a;
  --nf-muted: #64748b;
  --nf-border: #e2e8f0;
  --nf-danger: #dc2626;
  --nf-danger-soft: rgba(220, 38, 38, .10);
  --nf-warning: #d97706;
  --nf-warning-soft: rgba(217, 119, 6, .12);
  --nf-success: #16a34a;
  --nf-success-soft: rgba(22, 163, 74, .12);
  --nf-violet: #7c3aed;
  --nf-violet-soft: rgba(124, 58, 237, .12);
  --nf-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
  --nf-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.04);
  --nf-radius-sm: 8px;
  --nf-radius-md: 14px;
  --nf-radius-lg: 22px;
  --nf-radius-xl: 30px;
  --nf-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
  --nf-bg: #07111f;
  --nf-bg-gradient: #07111f;
  --nf-sidebar-bg: #0a1627;
  --nf-surface: #0d1b2f;
  --nf-surface-soft: #13243b;
  --nf-text: #f8fafc;
  --nf-muted: #94a3b8;
  --nf-border: #1e2f49;
  --nf-primary-soft: rgba(59, 130, 246, .16);
  --nf-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  --nf-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.20);
}