:root {
  /* ── Endless Hybrids palette ── */
  /* Source: #D93A2E, #263444, #8C8F97, #F7EAD0, #0A0A0C */

  /* Backgrounds — warm cream foundation */
  --nf-bg: #FDFAF3;
  --nf-bg-surface: #F7EAD0;
  --nf-bg-elevated: #FFFFFF;
  --nf-bg-hover: #F0E6D0;
  --nf-bg-active: #EBE0C8;

  /* Text */
  --nf-text: #0A0A0C;
  --nf-text-secondary: #263444;
  --nf-text-muted: #8C8F97;
  --nf-text-inverse: #FDFAF3;

  /* Accent — brand red */
  --nf-accent: #D93A2E;
  --nf-accent-hover: #C13226;
  --nf-accent-muted: rgba(217, 58, 46, 0.10);

  /* Semantic */
  --nf-success: #2D8659;
  --nf-warning: #D4920A;
  --nf-danger: #D93A2E;
  --nf-info: #3A7ABF;

  /* Borders — warm gray */
  --nf-border: #E5DDD0;
  --nf-border-light: #D4CABA;

  /* Sidebar — dark slate */
  --nf-sidebar-width: 220px;
  --nf-sidebar-bg: #263444;
  --nf-sidebar-text: #C8CDD4;
  --nf-sidebar-hover: #324558;
  --nf-sidebar-active: #3A5068;

  /* Header */
  --nf-header-height: 52px;

  /* Spacing */
  --nf-space-xs: 4px;
  --nf-space-sm: 8px;
  --nf-space-md: 16px;
  --nf-space-lg: 24px;
  --nf-space-xl: 32px;
  --nf-space-2xl: 48px;

  /* Typography */
  --nf-font: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --nf-font-mono: 'Cascadia Code', 'Fira Code', monospace;
  --nf-text-xs: 0.75rem;
  --nf-text-sm: 0.8125rem;
  --nf-text-base: 0.875rem;
  --nf-text-lg: 1rem;
  --nf-text-xl: 1.25rem;
  --nf-text-2xl: 1.5rem;

  /* Radius */
  --nf-radius-sm: 4px;
  --nf-radius-md: 6px;
  --nf-radius-lg: 8px;
  --nf-radius-full: 9999px;

  /* Shadows — warm, lighter for light theme */
  --nf-shadow-sm: 0 1px 3px rgba(38, 52, 68, 0.06);
  --nf-shadow-md: 0 4px 8px rgba(38, 52, 68, 0.08);
  --nf-shadow-lg: 0 10px 20px rgba(38, 52, 68, 0.10);

  /* Transitions */
  --nf-transition: 150ms ease;
}