export type BentoSurfaceTokens = {
  borderColor: string;
  borderBottomColor: string;
  backgroundColor: string;
  shadow: string;
};

export function getBentoSurfaceTokens(isDark: boolean): BentoSurfaceTokens {
  if (isDark) {
    return {
      borderColor: 'rgba(255, 255, 255, 0.12)',
      borderBottomColor: 'rgba(255, 255, 255, 0.28)',
      backgroundColor: 'rgba(14, 20, 34, 0.92)',
      shadow: '0 22px 36px rgba(2, 6, 23, 0.55), 0 6px 0 rgba(2, 6, 23, 0.35), inset 0 -4px 0 rgba(255, 255, 255, 0.08)',
    };
  }

  return {
    borderColor: 'rgba(15, 23, 42, 0.1)',
    borderBottomColor: 'rgba(15, 23, 42, 0.18)',
    backgroundColor: 'rgba(255, 255, 255, 0.96)',
    shadow: '0 22px 34px rgba(15, 23, 42, 0.18), 0 6px 0 rgba(15, 23, 42, 0.08), inset 0 -4px 0 rgba(15, 23, 42, 0.06)',
  };
}