import { themeQuartz } from 'ag-grid-community';

// Maps the grid's look onto the app's Material 3 system tokens (see
// src/styles.scss) so it reads as part of the app rather than a bolted-on
// widget. Values are CSS custom properties, resolved at paint time, so this
// theme automatically follows the app's green/orange palette.
export const teamwalletGridTheme = themeQuartz.withParams({
  accentColor: 'var(--mat-sys-primary)',
  backgroundColor: 'var(--mat-sys-surface)',
  foregroundColor: 'var(--mat-sys-on-surface)',
  chromeBackgroundColor: 'var(--mat-sys-surface)',
  headerBackgroundColor: 'var(--mat-sys-surface)',
  headerTextColor: 'var(--mat-sys-on-surface-variant)',
  headerFontWeight: 600,
  borderColor: 'var(--mat-sys-outline-variant)',
  wrapperBorderRadius: 20,
  borderRadius: 14,
  selectedRowBackgroundColor: 'var(--mat-sys-secondary-container)',
  fontFamily: 'Roboto, sans-serif',
  spacing: 8,
});