// Pico Mobiel design tokens — extracted from screenshots

const PICO = {
  // Brand
  red: '#F14B38',        // logo, primary action, active underline, links
  redHover: '#DC3E2D',
  redPale: '#FFE9E5',

  // Neutrals
  ink: '#0E1F3B',        // headlines (deep navy)
  inkSoft: '#2A3A57',
  body: '#1F2937',
  muted: '#9AA3B2',      // IDs, secondary labels
  mutedStrong: '#6B7280',
  border: '#E5E7EB',
  borderSoft: '#EEF0F3',
  divider: '#F0F2F5',
  bg: '#F5F5F7',         // app background
  card: '#FFFFFF',

  // Pills / statuses
  partnerBg: '#DCE8FF',
  partnerFg: '#3D63DD',

  offerteBg: '#ECE1FF',
  offerteFg: '#7B5AD1',

  schouwenBg: '#FCE8C4',
  schouwenFg: '#B5833A',

  installerenBg: '#FCE0B8',
  installerenFg: '#D47C2A',

  accepterenBg: '#DCE7FF',
  accepterenFg: '#3E5EC9',

  matchenBg: '#DCE7FF',
  matchenFg: '#3E5EC9',

  genericBg: '#F3F4F6',
  genericFg: '#4B5563',

  // Special
  warnYellow: '#F5D82A', // hourglass chip bg
  warnYellowDark: '#E0C120',
};

window.PICO = PICO;
