helix/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {
      colors: {
        // Waterschap Brabantse Delta brand palette (from WSBD-logo.svg)
        wbd: {
          deep: '#0a3d80',
          blue: '#0d4f9e',
          cyan: '#1fa0db',
          lime: '#bed137'
        },
        helix: {
          area: '#0a3d80',
          process: '#0d4f9e',
          unit: '#1fa0db',
          equipment: '#6fc3ec',
          control: '#b8dff5',
          bg: '#07111d',
          'bg-2': '#0c1c30',
          'bg-3': '#122842',
          border: '#1f3a5e',
          ink: '#e6f1fb',
          'ink-dim': '#8fa6b8',
          'ink-faint': '#5b7388',
          accent: '#bed137',
          'accent-2': '#d8e36a'
        }
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', '-apple-system', 'Segoe UI', 'sans-serif'],
        mono: ['JetBrains Mono', 'ui-monospace', 'SFMono-Regular', 'monospace']
      }
    }
  },
  plugins: []
};