<!-- source-hash: 483f0d460cfa68922a48f6dd9ff63cbd -->
A React hook for managing dynamic theme configuration with automatic dark mode detection and customizable color schemes.

## Key Components

- **`ThemeConfig`** - Interface defining the complete theme structure with primary, secondary, accent, background, and text colors
- **`defaultTheme`** - Default light theme configuration with yellow primary color and neutral tones
- **`useDynamicTheming`** - Main hook that provides theme state management and dark mode detection
- **Theme Methods**:
  - `updateTheme()` - Partially updates the current theme configuration
  - `toggleDark()` - Manually toggles dark mode state

## Usage Example

```typescript
import { useDynamicTheming } from './use-dynamic-theming';

function App() {
  const { theme, isDark, updateTheme, toggleDark } = useDynamicTheming();

  const handleCustomTheme = () => {
    updateTheme({
      primaryColor: '#FF6B35',
      accentColor: '#4ECDC4'
    });
  };

  return (
    <div style={{
      backgroundColor: theme.backgroundColor,
      color: theme.textColor
    }}>
      <button onClick={toggleDark}>
        Switch to {isDark ? 'Light' : 'Dark'} Mode
      </button>
      <button onClick={handleCustomTheme}>
        Apply Custom Theme
      </button>
    </div>
  );
}
```

The hook automatically detects system dark mode preference on mount and provides reactive theme updates through the returned state and methods.