import type { Theme } from '@mui/material/styles';
import { createSiteTheme } from './base';

/**
 * Archief theme - ArchiefAssistent (archief.support)
 * 
 * Nationaal Archief style - matching https://www.nationaalarchief.nl/
 * Primary blue: #007bc7 (Rijksoverheid blue)
 * Section accents: Orange #e17000, Green #39870c
 */
export const archiefTheme: Theme = createSiteTheme({
  mode: 'light',
  primary: {
    main: '#007bc7', // Rijksoverheid blue (NA primary)
    light: '#4da3d9',
    dark: '#005a8e',
    contrastText: '#ffffff',
  },
  secondary: {
    main: '#e17000', // Orange accent (Beleven section)
    light: '#ff9a33',
    dark: '#a85200',
    contrastText: '#ffffff',
  },
  background: {
    default: '#f7f5f3', // Light beige/cream (NA background)
    paper: '#ffffff',
  },
  text: {
    primary: '#333333',
    secondary: '#666666',
  },
  divider: 'rgba(0, 0, 0, 0.12)',
  error: {
    main: '#d52b1e', // NA red (logo arrow color)
  },
  warning: {
    main: '#e17000', // Orange
  },
  info: {
    main: '#007bc7', // Rijksoverheid blue
  },
  success: {
    main: '#39870c', // Green accent (Archiveren section)
  },
});

// Additional NA color palette for use in components
export const naColors = {
  primary: '#007bc7',    // Rijksoverheid blue
  red: '#d52b1e',        // Logo arrow red
  orange: '#e17000',     // Beleven section
  green: '#39870c',      // Archiveren section
  cream: '#f7f5f3',      // Background
  darkBlue: '#154273',   // Footer/dark sections
  textPrimary: '#333333',
  textSecondary: '#666666',
};