import type { CSSProperties } from 'react';

/** Typed inline CSS custom properties (React's CSSProperties has no index signature for `--*`). */
export function cssVars(vars: Record<`--${string}`, string | number>, base: CSSProperties = {}): CSSProperties {
  return { ...base, ...vars } as CSSProperties;
}