// Density preference — side-effect-free at import time.
// Call bootstrapDensity() once from main.tsx before render.

export type DensityPreference = 'cozy' | 'compact'

export function getDensityPreference(): DensityPreference {
  const stored = localStorage.getItem('density')
  if (stored === 'compact') return 'compact'
  return 'cozy'
}

export function bootstrapDensity(): void {
  const val = getDensityPreference()
  document.documentElement.dataset['density'] = val
}

export function setDensity(density: DensityPreference | null): void {
  if (density === null) {
    localStorage.removeItem('density')
    document.documentElement.dataset['density'] = 'cozy'
  } else {
    localStorage.setItem('density', density)
    document.documentElement.dataset['density'] = density
  }
}